基于jQuery實(shí)現(xiàn)Ajax驗(yàn)證用戶(hù)名是否存在實(shí)例
本文章向大家分享基于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í)有所幫助。
- 基于jQuery實(shí)現(xiàn)Ajax驗(yàn)證用戶(hù)名是否可用實(shí)例
- 基于jQuery實(shí)現(xiàn)的Ajax 驗(yàn)證用戶(hù)名唯一性實(shí)例代碼
- 利用jQuery.Validate異步驗(yàn)證用戶(hù)名是否存在(推薦)
- 使用struts2+Ajax+jquery驗(yàn)證用戶(hù)名是否已被注冊(cè)
- jQuery異步驗(yàn)證用戶(hù)名是否存在示例代碼
- JQuery實(shí)現(xiàn)用戶(hù)名無(wú)刷新驗(yàn)證的小例子
- 基于jQuery實(shí)現(xiàn)的Ajax 驗(yàn)證用戶(hù)名是否存在的實(shí)現(xiàn)代碼
- Asp.net下利用Jquery Ajax實(shí)現(xiàn)用戶(hù)注冊(cè)檢測(cè)(驗(yàn)證用戶(hù)名是否存)
- jquery 驗(yàn)證用戶(hù)名是否重復(fù)代碼實(shí)例
相關(guān)文章
jQuery-App輸入框?qū)崿F(xiàn)實(shí)時(shí)搜索
這篇文章主要為大家詳細(xì)介紹了jQuery-App輸入框?qū)崿F(xiàn)實(shí)時(shí)搜索,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11jQuery實(shí)現(xiàn)的淡入淡出與滑入滑出效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的淡入淡出與滑入滑出效果,結(jié)合實(shí)例形式分析了jQuery中fadeIn、fadeOut、slideDown及slideUp方法相關(guān)使用技巧,需要的朋友可以參考下2018-04-04jQuery設(shè)置Cookie及刪除Cookie實(shí)例分析
這篇文章主要介紹了jQuery設(shè)置Cookie及刪除Cookie的方法,結(jié)合完整實(shí)例形式分析了jQuery操作cookie的設(shè)置,獲取及刪除等操作技巧,需要的朋友可以參考下2016-04-04jQuery實(shí)現(xiàn)精美的多級(jí)下拉菜單特效
這篇文章主要介紹了jQuery實(shí)現(xiàn)精美的多級(jí)下拉菜單特效,主要依托于jQuery的fg.menu.js插件來(lái)實(shí)現(xiàn)的,效果非常棒,推薦給大家。2015-03-03jQuery+JSON實(shí)現(xiàn)AJAX二級(jí)聯(lián)動(dòng)實(shí)例分析
這篇文章主要介紹了jQuery+JSON實(shí)現(xiàn)AJAX二級(jí)聯(lián)動(dòng)的方法,以實(shí)例形式分析了前臺(tái)jQuery結(jié)合ajax傳遞json格式數(shù)據(jù)及后臺(tái)數(shù)據(jù)處理技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12有關(guān)于eclipse配置spket需要注意的一些地方
用eclipse開(kāi)發(fā)jquery程序,可以安裝spket插件,這樣在寫(xiě)代碼的時(shí)候,就會(huì)有智能感知.eclipse配置spket的文章網(wǎng)上到處都是,spket官網(wǎng)上也有介紹.但配置后有的人無(wú)論如何也沒(méi)有智能感知提示,我就是其中一個(gè).2013-04-04