asp.net XMLHttpRequest實(shí)現(xiàn)用戶注冊(cè)前的驗(yàn)證
更新時(shí)間：2009年10月14日 14:51:05 作者：
用戶注冊(cè)前的驗(yàn)證,提高用戶體驗(yàn)。
測(cè)試通過(guò)環(huán)境VS2008，添加2個(gè)新項(xiàng)
1：DEMO3.ASPX
//查詢字符串,SEND服務(wù)端的參數(shù)
function createQueryString() {
var userName = document.getElementById("userName").value;
var querystring = "userName=" + userName;
return querystring;
}
function RunAjax() {
//參考'摘自書中有意義的示例中DEMO1.HTML如何創(chuàng)建XMLHttpRequest對(duì)象 代碼'
createXMLHttpRequest();
var queryString = "IsHaveUser.ashx?";
queryString = queryString + createQueryString()
+ "&timeStamp=" + new Date().getTime();//URL上追加時(shí)間戳，防止瀏覽器緩存
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", queryString, true);
xmlHttp.send(null);
document.getElementById('validateMessage').innerText = '正在檢查,請(qǐng)稍候...';
}
function handleStateChange() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var result = xmlHttp.responseText;
document.getElementById("validateMessage").innerText = result;
if (result== "恭喜!可以注冊(cè)...") {
setTimeout("document.getElementById('validateMessage').innerText='';", 2000);
}
}
}
}
<input id="userName" /><input id="IsHaveUser" type="button" value="檢查用戶是否被注冊(cè)" onclick="RunAjax();"/><span id="validateMessage" ></span>
2：IsHaveUser處理程序
public class IsHaveUser : IHttpHandler {
public void ProcessRequest (HttpContext context) {
System.Threading.Thread.Sleep(2000);
string userName = context.Request.QueryString["userName"];
bool result = 讀取數(shù)據(jù)庫(kù)執(zhí)行判斷用戶名是否存在操作，返回布爾值，省略代碼
if (result)
{
context.Response.Write("恭喜!可以注冊(cè)...");
}
else { context.Response.Write("此用戶存在,請(qǐng)更換..."); }
}
public bool IsReusable { get { return false;}}
}
1：DEMO3.ASPX
復(fù)制代碼 代碼如下:
//查詢字符串,SEND服務(wù)端的參數(shù)
function createQueryString() {
var userName = document.getElementById("userName").value;
var querystring = "userName=" + userName;
return querystring;
}
function RunAjax() {
//參考'摘自書中有意義的示例中DEMO1.HTML如何創(chuàng)建XMLHttpRequest對(duì)象 代碼'
createXMLHttpRequest();
var queryString = "IsHaveUser.ashx?";
queryString = queryString + createQueryString()
+ "&timeStamp=" + new Date().getTime();//URL上追加時(shí)間戳，防止瀏覽器緩存
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", queryString, true);
xmlHttp.send(null);
document.getElementById('validateMessage').innerText = '正在檢查,請(qǐng)稍候...';
}
function handleStateChange() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var result = xmlHttp.responseText;
document.getElementById("validateMessage").innerText = result;
if (result== "恭喜!可以注冊(cè)...") {
setTimeout("document.getElementById('validateMessage').innerText='';", 2000);
}
}
}
}
<input id="userName" /><input id="IsHaveUser" type="button" value="檢查用戶是否被注冊(cè)" onclick="RunAjax();"/><span id="validateMessage" ></span>
2：IsHaveUser處理程序
復(fù)制代碼 代碼如下:
public class IsHaveUser : IHttpHandler {
public void ProcessRequest (HttpContext context) {
System.Threading.Thread.Sleep(2000);
string userName = context.Request.QueryString["userName"];
bool result = 讀取數(shù)據(jù)庫(kù)執(zhí)行判斷用戶名是否存在操作，返回布爾值，省略代碼
if (result)
{
context.Response.Write("恭喜!可以注冊(cè)...");
}
else { context.Response.Write("此用戶存在,請(qǐng)更換..."); }
}
public bool IsReusable { get { return false;}}
}
您可能感興趣的文章:
- Asp.net下利用Jquery Ajax實(shí)現(xiàn)用戶注冊(cè)檢測(cè)（驗(yàn)證用戶名是否存）
- ASP.NET jQuery 實(shí)例12 通過(guò)使用jQuery validation插件簡(jiǎn)單實(shí)現(xiàn)用戶注冊(cè)頁(yè)面驗(yàn)證功能
- ASP.NET實(shí)現(xiàn)用戶注冊(cè)和驗(yàn)證功能(第4節(jié))
- ASP.NET用戶注冊(cè)實(shí)戰(zhàn)(第11節(jié))
- ASP.NET MVC5網(wǎng)站開(kāi)發(fā)概述(一)
- ASP.NET?MVC5網(wǎng)站開(kāi)發(fā)項(xiàng)目框架(二)
- ASP.NET?MVC5?網(wǎng)站開(kāi)發(fā)框架模型、數(shù)據(jù)存儲(chǔ)、業(yè)務(wù)邏輯(三)
- ASP.NET?MVC5網(wǎng)站開(kāi)發(fā)用戶注冊(cè)(四)
相關(guān)文章
Discuz .net 短消息實(shí)現(xiàn)原理。2009-04-04
這篇文章主要介紹了Asp.Net性能優(yōu)化技巧匯總,非常實(shí)用的歸納總結(jié),需要的朋友可以參考下2014-07-07
這篇文章主要介紹了淺談ASP.NET Core 2.0 中間件，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
.NET一個(gè)FTP操作類。但這個(gè)類經(jīng)常出錯(cuò)，使用DISCUZ使用的類就好多了。2009-06-06
這篇文章主要介紹了ASP.NET用戶控件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-09-09
運(yùn)行page頁(yè)面時(shí)的事件執(zhí)行順序及頁(yè)面的回發(fā)與否深度了解
page頁(yè)面時(shí)的事件執(zhí)行順序的了解對(duì)于一些.net開(kāi)發(fā)者起到者尤關(guān)重要的作用；頁(yè)面的回發(fā)與否會(huì)涉及到某些事件執(zhí)行與不執(zhí)行，在本文中會(huì)詳細(xì)介紹，感興趣的朋友可以了解下2013-01-01
這個(gè)問(wèn)題,應(yīng)該算是很簡(jiǎn)單的問(wèn)題,可說(shuō)實(shí)在的,折騰了2個(gè)小時(shí)的時(shí)候,后面整出來(lái)的時(shí)候,現(xiàn)在把這個(gè)過(guò)程給大家,希望可以給大家一個(gè)提醒2012-12-12
為HttpClient添加默認(rèn)請(qǐng)求報(bào)頭的四種解決方案
這篇文章主要給大家介紹了關(guān)于為HttpClient添加默認(rèn)請(qǐng)求報(bào)頭的四種解決方案，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用HttpClient具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
使用最小?WEB?API?實(shí)現(xiàn)文件上傳的Swagger支持
這篇文章主要介紹了使用最小?WEB?API?實(shí)現(xiàn)文件上傳Swagger支持，我們使用最小?WEB?API?實(shí)現(xiàn)文件上傳功能，雖然客戶端訪問(wèn)是正常的，但是當(dāng)打開(kāi)?Swagger?頁(yè)面時(shí)，沒(méi)法使用?Swagger?頁(yè)面測(cè)試，下面就來(lái)一篇支持Swagger的，需要的小伙伴可以參考一下2022-02-02
網(wǎng)站后臺(tái)都需要有上傳圖片的功能，下面的例子就是實(shí)現(xiàn)有關(guān)圖片上傳。缺點(diǎn)：圖片上傳到本服務(wù)器上，不適合大量圖片上傳2013-12-12