AJAX无刷新验证用户名是否存在

作者:84321.Com 来源:84321.Com 时间:2007-08-10 10:07:00 

这几天在落伍上转转,发现有朋友不太明白一些网站在会员注册时,当输入用户名后没按“确定”提交数据,系统也能马上检测该用户名是否已经存在。在此我详细的介绍一下原理,代码不多也不复杂,请一定要看完。(注意:该贴为申请落伍贴,在落伍有一年了,到现在都没落伍,悲哀啊):

 GetResult函数说明:
 GetResult(str) 
功能:通过XMLHTTP发送请求,返回结果.
参数:str,字符串,发送条件.
实例:GetResult(document.all.userid.value);
author:www.84321.Com 完善版-有参考网上程序
update:2006-12-26 12:02
下面是reg.htm代码:


<script language="JavaScript">
function GetResult(str)
{
    var exitdos = new ActiveXObject("Microsoft.XMLHTTP");
    //特殊字符:+,%,&,=,?等的传输解决办法.字符串先用escape编码的.
    //Update:2006-12-26 12:22
    exitdos.open("POST","server.asp?userid="+escape(str),false);
    exitdos.send();
    //服务器端处理返回的是经过escape编码的字符串.
    document.all.username.value=unescape(exitdos.responseText)
}
</script>
userid:<input type="text" name="userid" onblur="GetResult(document.all.userid.value)"><br>
username:<input type="text" name="username">



下面是server.asp代码:


<% @Language="JavaScript" %>
<%
function OpenDB(sdbname)
{
    var connstr = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source="+Server.MapPath(sdbname);
    var conn = Server.CreateObject("ADODB.Connection");
    conn.Open(connstr);
    return conn;
}
var sResult = "";
var oConn = OpenDB("data.mdb");
//特殊字符:+,%,&,=,?等的传输解决办法.客户端字符是经过escape编码的
//所以服务器端先要经过unescape解码.
//Update:2004-6-1 12:22
var userid = unescape(Request("userid"));
var sql = "select username from users where userid=’"+userid+"’";
var rs = oConn.Execute(sql);
if(!rs.EOF)
{
    sResult = "Sorry,该用户名已存在"
}
else
{
    //加入容错.2006-12-25 10:15
    sResult = "该用户可以注册"
}
//escape解决了XMLHTTP。中文处理的问题.
Response.Write(escape(sResult));
%>


mdb数据库名:data.mdb
表:users
表结构:id(自动编号) userid(文本) username(文本)


到此,源代码和数据库就完成了,因为用的是:onblur事件,当光标的焦点离开时,input值会马上传到数据库验证,马上试试吧!

标签:AJAX,无刷新,验证用户名,XMLHTTP
0
投稿

猜你喜欢

  • 使用Alt提升可访问性

    2009-04-04 19:22:00
  • ASP函数过滤数组重复数据代码

    2010-01-02 20:36:00
  • 关于web标准的思考

    2008-10-05 10:07:00
  • asp长文章分页显示思路

    2007-08-23 13:54:00
  • 教你在MySQL 5.0以上版本中配置主从库

    2009-01-04 13:17:00
  • 最新CSS兼容方案

    2008-08-13 13:20:00
  • 如何利用ASP实现邮箱访问

    2007-09-29 12:27:00
  • 使用 JSON 进行数据传输

    2008-06-15 07:12:00
  • MYSQL初学者扫盲

    2009-02-27 13:15:00
  • 看ASP程序源码的方法及工具

    2009-01-21 19:58:00
  • 在ASP中如何使用类class

    2007-09-16 17:17:00
  • ASP程序代码执行时间统计类

    2007-10-15 12:45:00
  • asp是的日期转换为星座的函数

    2011-02-26 11:11:00
  • js动态显示当前日期,时间和星期代码

    2007-08-14 12:31:00
  • 数据库新手入门之MYSQL出错代码列表

    2008-12-23 15:22:00
  • ASP无组件汉字验证码

    2008-05-08 13:19:00
  • 带你深入了解MySQL语句优化的基本原则

    2008-11-27 17:00:00
  • Oracle数据库及应用程序优化开发者网络Oracle

    2010-07-18 13:02:00
  • Mysql数据库的完全备份

    2011-08-05 18:46:25
  • 用mysql做站点时怎样记录未知错误的发生

    2009-01-14 13:16:00
  • asp之家 网络编程 m.aspxhome.com