這篇文章跟大家分享基於jQuery實作的Ajax 驗證使用者名稱是否存在的實作程式碼，所需的碼農朋友可以參考一下本文的原始碼。
jQuery.ajax概述
HTTP 請求載入遠端資料。
透過jQuery 底層 AJAX 實現。簡單易用的高層實作請見 $.get, $.post 等。 $.ajax() 傳回其建立的 XMLHttpRequest 物件。大多數情況下你無需直接操作該對象，但特殊情況下可用於手動終止請求。
$.ajax() 只有一個參數：參數 key/value 對象，包含各配置及回呼函數資訊。詳細參數選項請見下。
注意： 如果你指定了 dataType 選項，請確保伺服器傳回正確的 MIME 訊息，(如 xml 返回 "text/xml")。錯誤的 MIME 類型可能導致不可預測的錯誤。
注意：如果dataType設定為"script"，那麼在遠端請求時(不在同一個域下)，所有POST請求都將轉為GET請求。 (因為將使用DOM的script標籤來載入)
jQuery 1.2 中，您可以跨網域載入 JSON 數據，使用時需將資料類型設定為 JSONP。使用 JSONP 形式呼叫函數時，如 "myurl?callback=?" jQuery 會自動取代 ? 為正確的函式名，以執行回呼函數。當資料類型設定為 "jsonp" 時，jQuery 會自動呼叫回呼函數。
參數列表：
這裡有幾個Ajax事件參數：beforeSend ，success ，complete ，error 。我們可以定義這些事件來很好的處理我們的每一次的Ajax請求。注意一下，這些Ajax事件裡面的 this 都是指向Ajax請求的選項資訊的(請參考說 get() 方法時的this的圖片)。
請認真閱讀上面的參數列表，如果你要用jQuery來進行Ajax開發，那麼這些參數你都必需熟知的。
實例：
1、請求頁AJax.aspx
HTML程式碼
<div> <input id="txtName" type="text" /><input type="button" value="查看用户名是否存在" id="btn" onclick="JudgeUserName();" /> <div id="showResult" style="float:left">div> div>
JS代碼
<script type="text/javascript" src="CSS/jquery-1.3.2.js"></script>
<script type="text/javascript">
function JudgeUserName()
{
$.ajax({
type:"GET",
url:"AjaxUserInfoModify.aspx",
dataType:"html",
data:"userName="+$("#txtName").val(),
beforeSend:function(XMLHttpRequest)
{
$("#showResult").text("正在查询");
//Pause(this,100000);
},
success:function(msg)
{
$("#showResult").html(msg);
$("#showResult").css("color","red");
},
complete:function(XMLHttpRequest,textStatus)
{
//隐藏正在查询图片
},
error:function()
{
//错误处理
}
});
}
</script> 2 、頁AjaxUserInfoModify.aspx
後台程式碼
protected void Page_Load(object sender, EventArgs e)
{
string userName = Request.QueryString["userName"].ToString ();
if (userName == "James Hao")
{
Response.Write ("用户名已经存在！");
}
else
{
Response.Write ("您可以使用此用户名！");
}
}
以上就是本文的全部內容，希望對大家的學習有所幫助。
