原文  asp.net ajax检查用户名是否存在代码

用户注册时，我们经常需要检查用户名是否存在，本文就是实现无刷新验证用户名

打开开发环境VS 2005,新建项目(或打开现有项目),新建一个Web窗体,命名为 Default.aspx

创建 XMLHttpRequest 对象
所有现代浏览器 (IE7+、Firefox、Chrome、Safari 以及 Opera) 都内建了 XMLHttpRequest 对象。

通过一行简单的 JavaScript 代码，我们就可以创建 XMLHttpRequest 对象。

创建 XMLHttpRequest 对象的语法：
xmlhttp=new XMLHttpRequest();老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象：
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");提示：在下一章，我们将使用 XMLHttpRequest 对象从服务器取回 XML 信息。

代码如下：

01.<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>  
02.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
03.<html xmlns="http://www.w3.org/1999/xhtml" >  
04.<head runat="server">  
05.    <title>无标题页</title>  
06.    <script type="text/网页特效"><!--   
07.    var xmlHttp=null;        
08.          
09.        function createXMLHttpRequest()   
10.        {   
11.            if(xmlHttp == null){   
12.                if(window.XMLHttpRequest) {   
13.                    //Mozilla 浏览器   
14.                    xmlHttp = new XMLHttpRequest();   
15.                }else if(window.ActiveXObject) {   
16.                    // IE浏览器   
17.                    try {   
18.                        xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");   
19.                    } catch (e) {   
20.                        try {   
21.                            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");   
22.                        } catch (e) {   
23.                            //alert('创建失败');   
24.                        }   
25.                    }   
26.                }   
27.            }   
28.        }   
29.        function openAjax()   
30.        {     
31.            if( xmlHttp == null)   
32.            {                  
33.                createXMLHttpRequest();    
34.                if( xmlHttp == null)   
35.                {   
36.                    //alert('出错');   
37.                    return ;   
38.                }   
39.            }                          
40.              
41.            var val=document.getElementById('txt').value;              
42.                           
43.            xmlHttp.open("get","VerifyUserNameHandler.ashx?para="+val+"&date="+new Date(),true);               
44.            xmlHttp.onreadystatechange=xmlHttpChange;   
45.            xmlHttp.send(null);   
46.              
47.            document.getElementById('resultSpan').innerText='正在检查,请稍候...';   
48.        }   
49.          
50.        function xmlHttpChange()   
51.        {           
52.            if(xmlHttp.readyState==4)   
53.            {                               
54.                if(xmlHttp.status==200)   
55.                {            
56.                    var res=xmlHttp.responseText;                            
57.                    document.getElementById('resultSpan').innerText=res;   
58.                      
59.                    if(res=='恭喜，用户名可以使用。')   
60.                    {   
61.                        setTimeout("document.getElementById('resultSpan').innerText='';",2000);   
62.                    }   
63.                    else if(res=='抱歉，用户名已被使用。')   
64.                    {   
65.                        document.getElementById('txt').focus();   
66.                    }   
67.                }   
68.            }   
69.        }         
70.// --></script>  
71.</head>  
72.<body>  
73.    <form id="form1" runat="server">          
74.    用户名:<input type="text" id='txt' value="Sandy" onblur="openAjax();" />  <span id="resultSpan"></span>  
75.    </form>  
76.</body>  
77.</html>  
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript"><!--
    var xmlHttp=null;     
       
        function createXMLHttpRequest()
        {
            if(xmlHttp == null){
                if(window.XMLHttpRequest) {
                    //Mozilla 浏览器
                    xmlHttp = new XMLHttpRequest();
                }else if(window.ActiveXObject) {
                    // IE浏览器
                    try {
                        xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
                    } catch (e) {
                        try {
                            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                        } catch (e) {
                            //alert('创建失败');
                        }
                    }
                }
            }
        }
        function openAjax()
        {  
            if( xmlHttp == null)
            {               
                createXMLHttpRequest(); 
                if( xmlHttp == null)
                {
                    //alert('出错');
                    return ;
                }
            }                       
           
            var val=document.getElementById('txt').value;           
                        
            xmlHttp.open("get","VerifyUserNameHandler.ashx?para="+val+"&date="+new Date(),true);            
            xmlHttp.onreadystatechange=xmlHttpChange;
            xmlHttp.send(null);
           
            document.getElementById('resultSpan').innerText='正在检查,请稍候...';
        }
       
        function xmlHttpChange()
        {        
            if(xmlHttp.readyState==4)
            {                            
                if(xmlHttp.status==200)
                {         
                    var res=xmlHttp.responseText;                         
                    document.getElementById('resultSpan').innerText=res;
                   
                    if(res=='恭喜，用户名可以使用。')
                    {
                        setTimeout("document.getElementById('resultSpan').innerText='';",2000);
                    }
                    else if(res=='抱歉，用户名已被使用。')
                    {
                        document.getElementById('txt').focus();
                    }
                }
            }
        }      
// --></script>
</head>
<body>
    <form id="form1" runat="server">       
    用户名:<input type="text" id='txt' value="Sandy" onblur="openAjax();" />  <span id="resultSpan"></span>
    </form>
</body>
</html>

然后新建一个一般处理程序，命名为 VerifyUserNameHandler.ashx

代码如下：

view plaincopy to clipboardprint?
01.<%@ WebHandler Language="C#" class="VerifyUserNameHandler" %>   
02.using System;   
03.using System.Web;   
04.using System.Collections;   
05.using System.Collections.Generic;   
06.public class VerifyUserNameHandler : IHttpHandler {   
07.      
08.    public void ProcessRequest (HttpContext context) {   
09.        //context.Response.ContentType = "text/plain";   
10.        string _name = context.Request.QueryString["para"];   
11.        _name = string.IsNullOrEmpty(_name) ? "" : _name;              
12.        System.Threading.Thread.Sleep(3000);//用线程来模拟数据库教程查询工作   
13.        string[] Names = new string[] { "Sandy", "阿非", "abc" };//这里用Names数组来代替数据库中的结果集   
14.        if (Array.IndexOf<string>(Names, _name) == -1)   
15.        {   
16.            context.Response.Write("恭喜，用户名可以使用。");   
17.        }   
18.        else  
19.        {   
20.            context.Response.Write("抱歉，用户名已被使用。");   
21.        }   
22.    }   
23.    
24.    public bool IsReusable {   
25.        get {   
26.            return false;   
27.        }   
28.    }   
29.}  
<%@ WebHandler Language="C#" class="VerifyUserNameHandler" %>
using System;
using System.Web;
using System.Collections;
using System.Collections.Generic;
public class VerifyUserNameHandler : IHttpHandler {
   
    public void ProcessRequest (HttpContext context) {
        //context.Response.ContentType = "text/plain";
        string _name = context.Request.QueryString["para"];
        _name = string.IsNullOrEmpty(_name) ? "" : _name;           
        System.Threading.Thread.Sleep(3000);//用线程来模拟数据库查询工作
        string[] Names = new string[] { "Sandy", "阿非", "abc" };//这里用Names数组来代替数据库中的结果集
        if (Array.IndexOf<string>(Names, _name) == -1)
        {
            context.Response.Write("恭喜，用户名可以使用。");
        }
        else
        {
            context.Response.Write("抱歉，用户名已被使用。");
        }
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }
}

到这里程序已经完成。

主要是利用了XMLHttpRequest对象采用异步的方式去访问服务器，获得响应后触发定义好的回调函数

本文是XMLHttpRequest对象异步方式对服务器发送Get方式的请求，访问服务器的文件为.ashx

asp.net ajax检查用户名是否存在代码的更多相关文章

  1. asp.net ajax 检测用户名是否可用代码

    原文  asp.net ajax 检测用户名是否可用代码 .net ajax 检测用户名是否可用代码 <script type="text/网页特效" src="c ...

  2. Ajax (Asynchronous javascript xml) 搜索框核心代码(JQuery) Ajax判断用户名存在核心代码 附:原生js的Ajax代码 其中有json的一句话解释

    前端 <script type="text/javascript"> $(function(){ $("#tid").keyup(function( ...

  3. ajax检查用户名重复

    1.获取ajax对象 new XMLHttpRequest(); IE6-8: new ActiveXOject("Microsoft.XMLHTTP"); 兼容判断:if(XML ...

  4. ajax检查用户名是否存在

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.c ...

  5. ajax检查用户名

    Ajax实现的效果 究竟Ajax能实现什么功能呢?今天下午学习了一下Ajax,现在跟大家分享一下我的学习心得.Ajax是什么?工作机制又是什么?可能不大准确,只是我个人看了视频学习后的一点点看法. A ...

  6. asp.net C#检查URL是否有效

    我们有时候需要对用户输入的网站(URL)进行有效性检查,  代码如下 复制代码 function CheckUrl(str) {    var RegUrl = new RegExp();    Re ...

  7. asp.net ajax实现md5加密

    1. [图片] asp.net ajax 效果截图.png 2. [代码]前端代码HTML/Javascript/jQuery <!DOCTYPE html PUBLIC "-//W3 ...

  8. 客户端调用服务器端方法——ASP.NET AJAX(Atlas)、Anthem.NET和Ajax.NET Professional实现之小小比较

    前几天曾经发过一篇<ASP.NET AJAX(Atlas)和Anthem.NET——管中窥豹般小小比较>,Jeffrey Zhao说用ASP.NET AJAX中的UpdatePanel似乎 ...

  9. AJAX异步检查，检查用户名是否存在

    AJAX异步检查,检查用户名是否存在 写法一: var xmlHttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, ...

随机推荐

  1. Easyui datagrid 批量编辑和提交

    <script type="text/javascript"> $(function() { var $dg = $("#dg"); $dg.dat ...

  2. web前端如何让网页布局稳定性和标准性？

    刚开始学css+div布局的同学们,都比较困惑和难写的就是兼容性的问题了,特别是ie6等低版本的浏览器,随意国内逐步慢慢消失取代,但是现阶段还是会有点考虑因素再里面.我们写的网页布局怎么样才是合理的, ...

  3. printk

    printk的日志级别定义如下(在linux/kernel.h中): #define KERN_EMERG "<0>"/*紧急事件消息,系统崩溃之前提示,表示系统不可用 ...

  4. IntelliJ idea 14 集成 tomcat 7

    来到公司第一个任务就是先把web项目跑起来,所以如何在IntelliJ idea14中把Tomcat集成起来也是个不小的问题. 首先确认你的idea 14 不是 Communit Edition 社区 ...

  5. 一步一步重写 CodeIgniter 框架 (7) —— Controller执行时将 Model获得的数据传入View中，实现MVC

    1. 实现过程 1) 上一节讲述了 View 视图的加载过程,它是在 Loader 类中加载的,并通过 Include 语句进行包含.那么为了在 View 中传递变量,只需要在 include 语句所 ...

  6. 疯牛-- Aggressive cows （二分）

    疯牛 时间限制:1000 ms  |  内存限制:65535 KB 难度:4   描述 农夫 John 建造了一座很长的畜栏,它包括N (2 <= N <= 100,000)个隔间,这些小 ...

  7. （csdn高校俱乐部编程挑战）2的补码

    题目详情 在计算机中,整数是以2的补码的形式给出的. 给出整数A和B,如果计算机是32位机.求从A到B之间的全部二进制数中,一共用了多少个1. 输入格式: 多组数据,每组数据一行,由两个整数A,B, ...

  8. debian支持ll命令

    debian支持ll命令 $ ll -bash: ll: command not found 没有ll这个命令.尽管也知道ll事实上 是ls -l 这个命令的别名,可是总感觉不是非常习惯.由于之前一直 ...

  9. weblogic公布的项目用途myeclipse正常启动，点击startWeblogic.cmd报错解决方案

    今天在做项目中遇到的问题.使用weblogic公布的项目,使用myeclipse正常启动,但点击startWeblogic.cmd会报错.我提出了一个class not found.楚是什么问题.后来 ...

  10. Android 关于网址，电话号码，邮箱的正则表达式-最权威

    需求:判断网址是否合法 今天在写一个项目的时候,需要能够识别网址的功能,首先想到的是正则表达式 但是网址的类型多种多样,网络上各种表达式也一搜一大把,很难知道哪一位大神写的靠谱 发现:TextView ...