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