欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线

xmlHttpRequest實(shí)踐之無(wú)刷新驗(yàn)證用戶名_AJAX教程

編輯Tag賺U幣
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!

推薦:jPager一個(gè)適合Ajax+JSON+jQuery環(huán)境使用的多功能頁(yè)碼欄
事由:由于最近在測(cè)試開(kāi)發(fā)的一個(gè)ASP.NET MVC的項(xiàng)目需要用到頁(yè)碼欄(并且需要用到AJAX+JSON傳輸數(shù)據(jù)),而微軟發(fā)布的.NET3.5 CTP 的MVCTOOLKIT里面又沒(méi)有提供,網(wǎng)上找了下似乎也沒(méi)有太稱心的,于是就自己動(dòng)手做一個(gè)。 由于這個(gè)項(xiàng)目用到頁(yè)碼欄的地方大多是后臺(tái)

現(xiàn)在好多網(wǎng)站上的注冊(cè)都用了無(wú)刷新驗(yàn)證用戶名,這種效果咋看感覺(jué)很復(fù)雜很難實(shí)現(xiàn),其實(shí)它里面用到了Ajax中的核心xmlHttpRequest這個(gè)類,如果只是單單想實(shí)現(xiàn)這個(gè)效果,壓根就不用引用Ajax.Net中的組件,因?yàn)楦杏X(jué)有點(diǎn)大材小用,下面是具體實(shí)現(xiàn)這種效果的方法,希望能給初學(xué)Ajax的朋友帶來(lái)一點(diǎn)幫助.




首先建立一個(gè)注冊(cè)與驗(yàn)證的頁(yè)面xmlHttpRequest.aspxValidate.aspx,因?yàn)閮H僅是實(shí)現(xiàn)無(wú)刷新驗(yàn)證用戶名,所以我們可以把其它項(xiàng)都撇開(kāi),Register.aspx中擺好div跟控件,具體如下:

Code
<body>
<form id="form1" runat="server">
<div style="width: 100%; float: left; text-indent: 24px; font-size:12px">
<div style="float:left">
您的用戶名:<asp:TextBox ID="txtUserName" runat="server" style="border:1px solid #D4D8D9" onblur="return ValidateUser();"></asp:TextBox>
</div> <div id="default" ></div>
</div>
</form>
</body>
然后我們可以寫(xiě)兩個(gè)樣式用于用戶名通過(guò)驗(yàn)證或未通過(guò)驗(yàn)證的顯示樣式,未加入圖片.

Css
.Error{ border:1px solid #A2553B;background-color:#FEF1E1;width:140px;float:left;height:18px;line-height:18px;margin-left:24px;color:#4F4F4F;text-indent:12px;}
.Right{ border:1px solid #419041;background-color:#EDFCE7;width:140px;float:left;height:18px;line-height:18px;margin-left:24px;color:#4F4F4F;text-indent:12px;}

這兩個(gè)樣式你可以把它放到樣式表中也可以將它放到<head></head>當(dāng)中.
接下來(lái)只需敲一段腳本到注冊(cè)的xmlHttpRequest.aspx頁(yè)面去.
腳本
<script language="javascript" type="text/javascript">
function ValidateUser()
{
//獲得用于顯示驗(yàn)證是否通過(guò)的詳細(xì)信息
var obj=document.getElementById("default");
//獲取用戶輸入的用戶名的值
var str=document.getElementById("txtUserName").value;
//定義一個(gè)bool型變量
var chk=true;
if (chk){
//因?yàn)檩斎氲挠脩裘赡芎兄形?所以將其解碼
var username=escape(str);
//用于驗(yàn)證用戶名的后臺(tái)頁(yè)面
var usrurl="/Validate.aspx?UserName="+username;
//獲取從驗(yàn)證頁(yè)面中異步傳輸過(guò)來(lái)的值
var sta=GetResponseText(usrurl);
//如果異步傳輸失敗
if(sta==false){
chk=true;
obj.className="d_ok";
obj.innerHTML='該會(huì)員未能檢測(cè),可以嘗試注冊(cè)。';
}
//異步傳輸成功
else{
//假如傳過(guò)來(lái)的值的開(kāi)始位置是"regok",這個(gè)值是在驗(yàn)證頁(yè)面Response.Write出來(lái)的值,如果是regok則表示驗(yàn)證通過(guò),否則的話就是驗(yàn)證失敗.
if(sta.indexOf("regok")!=-1){
//驗(yàn)證通過(guò)
chk=true;
//用于顯示驗(yàn)證是否通過(guò)的詳細(xì)信息加上剛剛所定義正確時(shí)的樣式
obj.className="Right";
obj.innerHTML='該會(huì)員名可以注冊(cè)。';
}else{
//驗(yàn)證未通過(guò)
chk=false;
//用于顯示驗(yàn)證是否通過(guò)的詳細(xì)信息加上剛剛所定義錯(cuò)誤時(shí)的樣式
obj.className="Error";
obj.innerHTML='該會(huì)員名已經(jīng)被注冊(cè)。';
}
}
}else{
obj.className="Error";
}
return chk;
}
function GetResponseText(url)
{
//定義一個(gè)http_request變量
var http_request;
if (window.XMLHttpRequest) {
//對(duì)于Mozilla、Netscape、Safari等瀏覽器,創(chuàng)建XMLHttpRequest對(duì)象
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
//如果服務(wù)器響應(yīng)的header不是text/xml,可以調(diào)用其它方法修改該header
http_request.overrideMimeType('text/xml');
}
} else if (window.ActiveXObject) {
// 對(duì)于Internet Explorer瀏覽器,創(chuàng)建XMLHttpRequest
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
//打開(kāi)驗(yàn)證頁(yè)面的地址
http_request.open('GET', url, false);
http_request.send(null);
if (http_request.readyState == 4)
   {
   // 收到完整的服務(wù)器響應(yīng)
   if (http_request.status == 200) {
   //HTTP服務(wù)器響應(yīng)的值OK
     var requestdoc = http_request.ResponseText;
}
    else {
     requestdoc = "error";
    }
   }
return requestdoc;
}
</script>

核心代碼:
http_request.ResponseText這句是用于獲取驗(yàn)證用戶名頁(yè)面中異步傳輸過(guò)來(lái)的值..
上面的代碼做了詳細(xì)的注釋,這里就不多做解釋了..
接下來(lái)驗(yàn)證用戶名的頁(yè)面中接收傳過(guò)來(lái)的值進(jìn)行判斷了...
Code
1 public partial class Validate : System.Web.UI.Page
2 {
3 //獲取url傳過(guò)來(lái)的值
4 private string UserName
5 {
6 get { return Request.QueryString["UserName"].ToString(); }
7 }
8 protected void Page_Load(object sender, EventArgs e)
9 {
10 //這里你可以連至用戶表檢查是否存在這個(gè)用戶名,當(dāng)然如果你用membership中的驗(yàn)證方法會(huì)更簡(jiǎn)潔.
11 if (Server.HtmlEncode(UserName) =="123456")
12 //還記得腳本中的if(sta.indexOf("regok")!=-1)這句嗎,regok就是這里的啦..
13 Response.Write("regok");
14 else
15 Response.Write("error");
16 }
17 }

就這樣一個(gè)簡(jiǎn)單的無(wú)刷新驗(yàn)證用戶就完成啦...本機(jī)測(cè)試已通過(guò).呵呵剛好最近一直在學(xué)習(xí)控件開(kāi)發(fā),下篇就將其封裝成一個(gè)控件.
 

 

分享:詳解Ajax標(biāo)簽導(dǎo)航實(shí)例
之前整理發(fā)表了《XMLHTTPRequest的屬性和方法簡(jiǎn)介》,它ajax要使用的核心的技術(shù)之一,現(xiàn)在就來(lái)實(shí)際運(yùn)用它。這個(gè)Ajax標(biāo)簽導(dǎo)航,是我很久前就寫(xiě)的一個(gè)腳本,很實(shí)用的(還被很多網(wǎng)站收錄了哦),現(xiàn)在拿它來(lái)做實(shí)例講解吧!當(dāng)然個(gè)人能力有限,有什么不對(duì)的地方還請(qǐng)

來(lái)源:模板無(wú)憂//所屬分類:AJAX教程/更新時(shí)間:2010-03-06
相關(guān)AJAX教程
av在线不卡电影| 国产女人18毛片18精品| 久久久久影视| 久久综合九色综合97_久久久| 亚洲欧洲在线播放| 特级毛片在线免费观看| 国产一级二级三级视频| 国产亚洲一区| 亚洲精品你懂的| 91sa在线看| 午夜免费福利视频在线观看| 亚洲国产精品无码久久| 日韩中文字幕不卡| 精品欧美乱码久久久久久1区2区| 欧美精品成人一区二区在线观看 | 亚洲免费在线| 欧美日韩亚洲另类| 狠狠久久综合婷婷不卡| 国产精品久久久免费看| 欧美人妖视频| 亚洲柠檬福利资源导航| 日韩美女毛茸茸| 亚洲精品久久久久久| 国产综合色区在线观看| 成熟亚洲日本毛茸茸凸凹| 国产一区二区三区在线| 久草免费福利在线| 中文字幕视频一区二区| 国产精品色网| 日韩欧美一二三四区| 日韩在线电影一区| 天天爽夜夜爽夜夜爽精品| 欧美在线三级| 欧美日韩国产精品成人| 欧美成人dvd在线视频| 国产精久久一区二区三区| 日本在线视频一区二区三区| 国产午夜精品一区二区三区四区| 亚洲天堂av女优| 欧美变态tickle挠乳网站| 欧美日韩国产三区| 久久久全国免费视频| 日韩精品1区| 色婷婷综合久久久中文字幕| 高清视频在线观看一区| 久久国产高清视频| 日韩av有码| 伊人久久综合一区二区| 青青在线精品| 国产日韩精品一区二区浪潮av | 神马久久久久久| 女人天堂av手机在线| 成人av手机在线| 国产一区二区三区视频在线播放| 中文字幕视频一区二区在线有码 | 在线观看日本www| 国产精品高潮久久| 国产无人区一区二区三区| 国产91精品久久久久久| 亚洲精品第二页| 国产66精品| 黄色一区二区在线| 精品久久蜜桃| 男人草女人视频| 一区二区三区国产好的精华液| 国产另类xxxxhd高清| 91麻豆精品在线观看| 久久人人看视频| www.555国产精品免费| 亚洲综合色婷婷在线观看| 亚洲青青青在线视频| 91精品久久久久久久久久久久久| 成人做爰69片免网站| 久久视频在线| 7777精品伊人久久久大香线蕉完整版| 视频一区国产精品| 亚洲天天综合网| 精品亚洲免费视频| 欧美成人午夜激情在线| 中文字幕1区2区| 国产欧美三级电影| 欧美视频在线免费| 丝袜美腿玉足3d专区一区| 亚洲天堂中文网| 国产ts人妖一区二区| 97碰碰碰免费色视频| 人妻丰满熟妇aⅴ无码| 精品国产一区二区三区香蕉沈先生 | 亚洲婷婷影院| 在线观看91视频| 国产成年人在线观看| 亚洲av综合色区无码一二三区| youjizz久久| 国产精品草莓在线免费观看 | 黄色一级片网址| 丰满人妻妇伦又伦精品国产| 26uuu另类欧美| 国产一区二区在线免费| 九九久久免费视频| 视频一区在线播放| 欧美刺激性大交免费视频| 又黄又爽的网站| 欧美hd在线| 亚洲成人在线网| 亚洲成色www.777999| 伊色综合久久之综合久久| 日韩欧美成人精品| 成人污网站在线观看| 日韩欧美另类一区二区| 依依成人精品视频| 视频一区二区三| 天堂网av在线播放| 亚洲欧美日韩综合aⅴ视频| 久久99欧美| 国产黄频在线观看| 亚洲国产成人午夜在线一区| 国产精品一国产精品最新章节| 欧美大片在线免费观看| 亚洲一二三四视频| 亚洲毛片av| 久久成人精品一区二区三区| 在线不卡av电影| 在线 亚洲欧美在线综合一区| 中文字幕在线精品| 中文字幕xxx| 激情久久婷婷| 久久精品国产一区二区电影| 90岁老太婆乱淫| 亚洲狼人精品一区二区三区| 久热精品视频在线观看| 国产又粗又黄又猛| 亚洲欧美视频| 久久久免费电影| 欧美成欧美va| 韩国欧美一区二区| 国产精品羞羞答答| 波多野结衣啪啪| 99久久伊人网影院| 国产精品久久久久久久小唯西川| 亚洲影视一区二区| 国产精品美女久久久久久久久久久| 久久精品国产综合精品| 老牛影视av牛牛影视av| 一区二区三区成人在线视频| 一本—道久久a久久精品蜜桃| 成人黄页网站视频| 欧美午夜精品一区二区蜜桃 | 黑人无套内谢中国美女| 亚洲精品888| 久久精品亚洲94久久精品| 五月婷婷婷婷婷| 美女看a上一区| 国产精品久久77777| 无码视频在线观看| 国产亚洲欧美色| 欧洲精品在线一区| 农村妇女一区二区| 9191精品国产综合久久久久久| 欧美在线aaa| 999国产精品999久久久久久| 日韩在线小视频| 九九热视频在线免费观看| 加勒比av一区二区| **亚洲第一综合导航网站| 精品国产999久久久免费| 亚洲最快最全在线视频| 99在线免费视频观看| 秋霞在线一区| 亚洲片av在线| 欧洲性xxxx| 国产乱码精品一品二品| 国产精品theporn88| 亚洲欧洲美洲av| 91搞黄在线观看| 高潮一区二区三区| 影音先锋久久| 青青草99啪国产免费| 精品乱码一区内射人妻无码| 日韩毛片一二三区| 欧美一区二区激情| 免费观看久久av| 日韩在线视频导航| 精品一区二区三区四| 久久久亚洲国产美女国产盗摄 | 国产精品午夜一区二区| 亚洲欧美另类久久久精品| 波多野结衣av一区二区全免费观看| 欧亚精品一区| 色噜噜久久综合伊人一本| 青青草原国产视频| 91麻豆蜜桃一区二区三区| 一区不卡字幕| 欧美日韩导航| xvideos国产精品| 国产成人精品a视频一区| 国产欧美综合在线| 国产精品久久国产| 精品盗摄女厕tp美女嘘嘘| 久热精品在线视频| 三级网站在线播放| 亚洲精品国产无套在线观| 欧美日韩黄色一级片| 99精品电影| 68精品久久久久久欧美| 一级特黄aaa大片在线观看| 精品动漫一区二区三区| 91福利免费观看| 亚洲资源av| 91在线看www| 在线看欧美视频| 精品福利在线导航| 欧美性生交大片| 久久综合色综合88| 999久久欧美人妻一区二区| 不卡日本视频| 97视频在线观看播放| 国产一区二区三区中文字幕| 色94色欧美sute亚洲线路一久| 中文字幕欧美视频| 久久电影国产免费久久电影| 精品国产乱码久久久久久久软件| 精品国产第一国产综合精品| 亚洲日本欧美中文幕| 国产真人真事毛片| 亚洲久本草在线中文字幕| 噼里啪啦国语在线观看免费版高清版| 亚洲日本免费| 99精品99久久久久久宅男| 国产成人亚洲一区二区三区| 亚洲美女性视频| 国产午夜精品一区二区理论影院| 亚洲图片激情小说| 中文字幕永久视频| 奶水喷射视频一区| 国产一级二级三级精品| 天堂va欧美ⅴa亚洲va一国产| 日韩亚洲精品电影| 在线观看毛片网站| 欧美视频你懂的| 午夜影院黄色片| 国产日韩av一区二区| 中文字幕乱码人妻综合二区三区| 亚洲福利久久| 国产三区精品| 久久aimee| 午夜精品福利电影| 黄色成人一级片| 亚洲精品福利在线观看| 尤物视频在线观看国产| 精品久久久久久国产91| xxxx黄色片| 久久综合久久久久88| 中文字幕在线精品| 日韩在线国产| 视频国产一区| 日本精品va在线观看| videos性欧美另类高清| 精品视频中文字幕| 日韩人妻精品中文字幕| 91极品视觉盛宴| 九一在线免费观看| 中文字幕一区二区三区四区| 亚洲涩涩在线观看| 国产高清无密码一区二区三区| 色一情一乱一乱一区91| 欧美深夜福利| 国产日韩欧美精品| 一区二区三区日本久久久 | 成人激情免费在线| 日韩三级精品| 久久久久成人网| 自拍视频在线看| 一区二区三区回区在观看免费视频| 伊人久久久久久久久久久久 | 最新日韩一区| 久久精品国产69国产精品亚洲| 亚洲天堂网视频| 精品国产乱码久久| 久久久精品毛片| 在线成人高清不卡| 精品小视频在线观看| 一本大道综合伊人精品热热 | 亚洲一区在线视频观看| 韩国无码一区二区三区精品| 国产女人水真多18毛片18精品视频 | 国产无套内射又大又猛又粗又爽| 五月天亚洲婷婷| 五月天精品视频| 亚洲精品国久久99热| 日b视频在线观看| 欧美激情一区在线观看| wwwxxx色| 欧美激情综合五月色丁香| 日本黄色一级网站| 久久蜜桃av一区精品变态类天堂| 日本黄色的视频| 99re成人精品视频| www激情五月| 久久久综合视频| 欧美性猛交乱大交| 国产日产欧产精品推荐色| 中文国产在线观看| www..com久久爱| 超碰超碰在线观看| 夜夜嗨av一区二区三区网页| 精品1卡二卡三卡四卡老狼| 久久精品亚洲精品国产欧美 | 欧美视频在线视频| 男人晚上看的视频| 精品二区三区线观看| 国产美女久久久久久| 国产精品成人va在线观看| 色婷婷av一区二区三区之红樱桃| 亚洲人高潮女人毛茸茸| 精品国产亚洲AV| 国产亚洲精品美女| 欧美视频一二区| 久久色在线播放| 欧美free嫩15| 午夜精品三级视频福利| 天天综合在线观看| 日本91av在线播放| 红杏视频成人| 91老司机在线| 色无极亚洲影院| 欧美日韩国产高清视频| 一区二区三区导航| 欧美中文字幕在线观看视频 | 国产成人av电影在线| 8x8x最新地址| 久久久久国产成人精品亚洲午夜| ass极品水嫩小美女ass| 国产精品久久久久四虎| 欧美黄色一级生活片| 欧美小视频在线| 国产成人无码精品久久久久| 日韩美一区二区三区| 久久精品日产第一区二区三区乱码 | 伊人久久高清| 亚洲美女网站| 国产伦精品一区二区三区视频免费 | japanese中文字幕| 欧美日韩亚洲精品一区二区三区| 久久久久久久久久一区二区三区| 欧美一级精品在线| av资源免费看| 蜜月aⅴ免费一区二区三区| 亚洲男人在线| 成人激情av在线| 亚洲澳门在线| 在线观看免费黄色片| 精品综合免费视频观看| 伊人色在线观看| 中文字幕一区不卡| 午夜精品一区二区三级视频| 555夜色666亚洲国产免| 国产免费黄色片| 久久99精品久久久久久琪琪| baoyu135国产精品免费| 国产精品国模大尺度私拍| 影音国产精品| 少妇高潮喷水久久久久久久久久| 91免费看片在线观看| 中文字幕免费看| 在线亚洲高清视频| 这里只有精品国产| 日韩色av导航| 视频一区国产| 精品国产免费久久久久久尖叫| 一区二区激情| 午夜dv内射一区二区| 国产精品成人午夜| 欧美国产精品一二三| 亚洲国产高潮在线观看| 亚洲性受xxx喷奶水| 国产精品久久久精品| 国产精品成人av| 欧美人与动牲交xxxxbbbb| 99久久精品免费精品国产| 男女做爰猛烈刺激| 在线综合视频播放| 亚洲女人18毛片水真多| 欧洲精品久久久| 国产精品99久久精品| 国产精品无码免费专区午夜| 26uuu色噜噜精品一区二区| www亚洲色图| 欧美va日韩va| 日韩pacopacomama| 亚洲字幕在线观看| 欧美一级一区| 午夜福利123| 色综合久久中文综合久久牛| 91久久久久国产一区二区| 欧美华人在线视频| 国产欧美一区二区精品久久久| 黄色网址在线免费看| 91丨porny丨最新| 麻豆精品国产免费| 日韩精品一二三四区|