asp.net - 在 asp.net 中使用 AJAX 检查用户名的可用性

Question

我正在创建一个注册表单，我想在表单中添加一个功能，每当新用户在文本框中键入用户名时，它应该自动检查用户名是否已经被使用（应该将其与用户名进行比较在 SQL 服务器数据库中）。我想使用 AJAX 来实现这个功能。

Answer 1

使用下面的 jquery 代码，不要忘记包含 jquery 库

 $("#<%=txtJournalIdToMove.ClientID %>").blur(function () {
                var journalTextBoxId = '<%= this.txtJournalIdToMove.ClientID %>';
                var journalId = $("#" + journalTextBoxId).val();
                var params = '{"JournalId":"' + journalId + '"}';
                $.ajax({
                    type: "POST",
                    url: "Default.aspx/PopulateVolumeNo",
                    data: params,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        // Replace the div's content with the page method's return.
                        var returnValue = data.d;
                        if (returnValue == null) {

                            alert("The given journal id does not exist or is in active in db.");
                        }
                        else {

                                 //If success do your functionality
                            });
                        }
                    }
                });
            });

Answer 2

试试这个onchange或文本框的模糊事件。在这里，我使用用户名框作为文本框 id

$.post('/Server/CheckAvailablity/', 
      {name:function(){return $('#user-name-box').val()},

      function(response){

       if(response.status="Y"){
       alert('available');
       }
      else{
       alert('not available');
       }
    }
);

在服务器端 CheckAvailablity 方法准备一个 JSON 对象，如 {"status":"Y"} 并返回