如何使用JQuery getJSON驗證用戶名

Question

我已按照此處找到的教程進行了學習，以對標題所說的內容有基本的了解。 到目前為止，我得出的結論是$.getJSON根本$.getJSON正常工作。

我已經將代碼枯萎了：

<script type="text/javascript">
        $(document).ready(function () {

            var usernameUnavailableRow = $('#usernameUnavailableRow');
            var availabilityMessage = $('#availabilityMessage');

            $("#UserName").hover(function () {
                //usernameUnavailableRow.hide();
            });

            $("#UserName").blur(function () {
            $.getJSON('/OCDB/UsernameAvailable.aspx?' + escape($(this).val()), function (results) {
                if (results.available) {
                    alert("available"); //Just checking if anything even returns
                } else {
                    alert("not available"); //Just checking if anything even returns
                }
            });
        });
        });
    </script>

<table>
         <tr>
            <td>
               <input id="UserName"></input>
            </td>
         </tr>
         <tr id="usernameUnavailableRow">
            <td>
               <span id="availabilityMessage">k</span>
            </td>
         </tr>
</table>

我的UsernameAvailable.aspx頁面顯示如下：
{ "available" : "false"}
使用時
<%@ Page Language="C#" CodeFile="UsernameAvailable.aspx.cs" Inherits="UsernameAvailable" ContentType="application/json" %>

但是在getJson事件中什么也沒有發生。

誰能告訴我我要去哪里錯了，因為我看不到自己的錯誤。

編輯
更改代碼以消除Javascript產生的404錯誤后（感謝@Archer），結果現在始終返回True 。 我檢查了一下頁面是否在使用的用戶名上返回False ，並且它可以正常工作。

Answer 1

是results alert(item);還是item alert(item); （請再次檢查您的代碼）

另外，如果您獲得有效的json則它將顯示在alert ，在alert中，它將僅顯示一個object 。 因此，要對其進行測試，您需要編寫console.log(results); 代替alert(item);

您可以再寫<input id="UserName"/> <input id="UserName"></input>代替<input id="UserName"></input>

Answer 2

您在該鏈接上忽略了這一行：

UsernameAvailable.aspx頁希望在查詢字符串中提供所需的用戶名，如下所示：UsernameAvailable.aspx？ requiredUsername 。

您需要這樣做：

$.getJSON('UsernameAvailable.aspx?' + escape($(this).val()), function (results){
    if (results.available) {
        // available
    }
    else{
        // unavailable
    }
});