欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于jQuery實現(xiàn)Ajax驗證用戶名是否存在實例

 更新時間:2016年03月30日 08:47:46   作者:碼農(nóng)教程  
這篇文章主要為大家詳細(xì)介紹了基于jQuery實現(xiàn)Ajax驗證用戶名是否存在實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下

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

jQuery.ajax概述

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

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

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

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

參數(shù)列表:

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

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 ("用戶名已經(jīng)存在!"); 
} 
else 
{ 
Response.Write ("您可以使用此用戶名!"); 
} 
} 

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助。

相關(guān)文章

  • jQuery實現(xiàn)切換字體大小的方法

    jQuery實現(xiàn)切換字體大小的方法

    這篇文章主要介紹了jQuery實現(xiàn)切換字體大小的方法,實例分析了jQuery操作字體css樣式的技巧,需要的朋友可以參考下
    2015-03-03
  • jQuery-App輸入框?qū)崿F(xiàn)實時搜索

    jQuery-App輸入框?qū)崿F(xiàn)實時搜索

    這篇文章主要為大家詳細(xì)介紹了jQuery-App輸入框?qū)崿F(xiàn)實時搜索,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • jQuery實現(xiàn)的淡入淡出與滑入滑出效果示例

    jQuery實現(xiàn)的淡入淡出與滑入滑出效果示例

    這篇文章主要介紹了jQuery實現(xiàn)的淡入淡出與滑入滑出效果,結(jié)合實例形式分析了jQuery中fadeIn、fadeOut、slideDown及slideUp方法相關(guān)使用技巧,需要的朋友可以參考下
    2018-04-04
  • 基于jquery封裝的一個js分頁

    基于jquery封裝的一個js分頁

    基于jquery封裝的一個js分頁代碼,需要的朋友可以參考下。
    2011-11-11
  • jQuery設(shè)置Cookie及刪除Cookie實例分析

    jQuery設(shè)置Cookie及刪除Cookie實例分析

    這篇文章主要介紹了jQuery設(shè)置Cookie及刪除Cookie的方法,結(jié)合完整實例形式分析了jQuery操作cookie的設(shè)置,獲取及刪除等操作技巧,需要的朋友可以參考下
    2016-04-04
  • jQuery 淡入/淡出效果函數(shù)用法分析

    jQuery 淡入/淡出效果函數(shù)用法分析

    這篇文章主要介紹了jQuery 淡入/淡出效果函數(shù)用法,結(jié)合實例形式分析了jQuery 淡入/淡出功能fadeIn()、fadeOut()、fadeToggle()及fadeTo()函數(shù)基本功能、使用方法與操作注意事項,需要的朋友可以參考下
    2020-05-05
  • jQuery實現(xiàn)精美的多級下拉菜單特效

    jQuery實現(xiàn)精美的多級下拉菜單特效

    這篇文章主要介紹了jQuery實現(xiàn)精美的多級下拉菜單特效,主要依托于jQuery的fg.menu.js插件來實現(xiàn)的,效果非常棒,推薦給大家。
    2015-03-03
  • jQuery+JSON實現(xiàn)AJAX二級聯(lián)動實例分析

    jQuery+JSON實現(xiàn)AJAX二級聯(lián)動實例分析

    這篇文章主要介紹了jQuery+JSON實現(xiàn)AJAX二級聯(lián)動的方法,以實例形式分析了前臺jQuery結(jié)合ajax傳遞json格式數(shù)據(jù)及后臺數(shù)據(jù)處理技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-12-12
  • 有關(guān)于eclipse配置spket需要注意的一些地方

    有關(guān)于eclipse配置spket需要注意的一些地方

    用eclipse開發(fā)jquery程序,可以安裝spket插件,這樣在寫代碼的時候,就會有智能感知.eclipse配置spket的文章網(wǎng)上到處都是,spket官網(wǎng)上也有介紹.但配置后有的人無論如何也沒有智能感知提示,我就是其中一個.
    2013-04-04
  • jQuery實現(xiàn)文本框輸入同步的方法

    jQuery實現(xiàn)文本框輸入同步的方法

    這篇文章主要介紹了jQuery實現(xiàn)文本框輸入同步的方法,涉及jQuery元素屬性操作的相關(guān)技巧,需要的朋友可以參考下
    2015-06-06

最新評論