本文章向大家分享基于jQuery實(shí)現(xiàn)的Ajax 驗(yàn)證用戶(hù)名是否存在的實(shí)現(xiàn)代碼，需要的碼農(nóng)朋友可以參考一下本文的源代碼。

jQuery.ajax概述

HTTP 請(qǐng)求加載遠(yuǎn)程數(shù)據(jù)。

通過(guò)jQuery 底層 AJAX 實(shí)現(xiàn)。簡(jiǎn)單易用的高層實(shí)現(xiàn)見(jiàn) $.get, $.post 等。$.ajax() 返回其創(chuàng)建的 XMLHttpRequest 對(duì)象。大多數(shù)情況下你無(wú)需直接操作該對(duì)象，但特殊情況下可用于手動(dòng)終止請(qǐng)求。

$.ajax() 只有一個(gè)參數(shù)：參數(shù) key/value 對(duì)象，包含各配置及回調(diào)函數(shù)信息。詳細(xì)參數(shù)選項(xiàng)見(jiàn)下。
注意： 如果你指定了 dataType 選項(xiàng)，請(qǐng)確保服務(wù)器返回正確的 MIME 信息，(如 xml 返回 "text/xml")。錯(cuò)誤的 MIME 類(lèi)型可能導(dǎo)致不可預(yù)知的錯(cuò)誤。

注意：如果dataType設(shè)置為"script"，那么在遠(yuǎn)程請(qǐng)求時(shí)(不在同一個(gè)域下)，所有POST請(qǐng)求都將轉(zhuǎn)為GET請(qǐng)求。(因?yàn)閷⑹褂肈OM的script標(biāo)簽來(lái)加載)
jQuery 1.2 中，您可以跨域加載 JSON 數(shù)據(jù)，使用時(shí)需將數(shù)據(jù)類(lèi)型設(shè)置為 JSONP。使用 JSONP 形式調(diào)用函數(shù)時(shí)，如 "myurl?callback=?" jQuery 將自動(dòng)替換 ? 為正確的函數(shù)名，以執(zhí)行回調(diào)函數(shù)。數(shù)據(jù)類(lèi)型設(shè)置為 "jsonp" 時(shí)，jQuery 將自動(dòng)調(diào)用回調(diào)函數(shù)。

參數(shù)列表：

這里有幾個(gè)Ajax事件參數(shù)：beforeSend ，success ，complete ，error 。我們可以定義這些事件來(lái)很好的處理我們的每一次的Ajax請(qǐng)求。注意一下，這些Ajax事件里面的 this 都是指向Ajax請(qǐng)求的選項(xiàng)信息的(請(qǐng)參考說(shuō) get() 方法時(shí)的this的圖片)。
請(qǐng)認(rèn)真閱讀上面的參數(shù)列表，如果你要用jQuery來(lái)進(jìn)行Ajax開(kāi)發(fā)，那么這些參數(shù)你都必需熟知的。
實(shí)例：

1、請(qǐng)求頁(yè)面AJax.aspx

HTML代碼

<div> 
<input id="txtName" type="text" /><input type="button" value="查看用戶(hù)名是否存在" 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("正在查詢(xún)"); 
//Pause(this,100000); 
}, 
success:function(msg) 
{ 
$("#showResult").html(msg); 
$("#showResult").css("color","red"); 
}, 
complete:function(XMLHttpRequest,textStatus) 
{ 
//隱藏正在查詢(xún)圖片 
}, 
error:function() 
{ 
//錯(cuò)誤處理 
} 
}); 
} 
</script> 

2 、頁(yè)面AjaxUserInfoModify.aspx

后臺(tái)代碼

protected void Page_Load(object sender, EventArgs e) 
{ 
string userName = Request.QueryString["userName"].ToString (); 
if (userName == "James Hao") 
{ 
Response.Write ("用戶(hù)名已經(jīng)存在！"); 
} 
else 
{ 
Response.Write ("您可以使用此用戶(hù)名！"); 
} 
} 

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助。

最新評(píng)論