通過在asp.net中使用AJAX來檢查UserName的可用性

Question

我創建了一個SignUp表單，我想將一個功能添加到窗體中，只要新用戶在文本框中輸入用戶名，它就會自動檢查用戶名已被佔用或不用（應將其與SQL Server數據庫中存在的用戶名進行比較）。我想用AJAX實現這個功能。請幫助正確的代碼，因爲我是初學者。 Thanx提前。 :)

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

試試這個平變化或上模糊事件的文本框的。在這裏，我使用的用戶名框的文本框的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對象，如{「地位」：「Y」}並返回