网络编程
位置:首页>> 网络编程>> JavaScript>> AJAX无刷新验证用户名是否存在

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

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

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

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

 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值会马上传到数据库验证,马上试试吧!

0
投稿

猜你喜欢

  • 最好的方法: 先说一下基本的东西: <%@ codepage=65001%>UTF-8 <%@&nbs
  • 说完了理论,我们来做点实事。这篇文章将介绍使用 Javascript 实现的动画组件。下面记录下当时编写这个组件的考虑的些问题,对技术细节感
  • 如何做一个随机密码产生器?<%genPassword = ""RandomizeFor&nbs
  • 看看下面的w3 upload组件例子,很简单: upload.asp<html> <head> 
  • mssql 的正式名字是 SQL Server MS公司出的。图形操作界面好一些,性能还可以。在在mssql和oracle上不能互换.支持O
  • 函数很简单, 主要是针对字符串和数字两种类型的传入数据分别进行了处理,具体用法:字符类型的strUsername = C
  • MySQL Group By用法我们现在回到函数上。记得我们用 SUM 这个指令来算出所有的 Sales (营业额)吧!如果我们的需求变成是
  • 今天再为大家提供一种方法:不需要安装Excel也可以导入到我们的SQL Server数据库。首先用SQL Server自身的数据转换功能把E
  • 近期,MSN、江民等知名网站相继受到了黑客的威胁和攻击,一时间网络上风声鹤唳。本报编辑部接到本文作者(炽天使)的电话,他详细讲述了发现国内最
  • 先让我们看一个例子,了解什么是模式化窗口。以下是QQ秀商城在非登录时提示登录的一种状态。当我在非登录状态,通过保存形象的方式买一件衣服时,弹
  • 比较简单的一个页面,类似csdn论坛在ns下的左边列表 描述: 1. 数据名:tree.mdb 表名:tree 表结构:id(自编)&nbs
  • 也许你刚刚来到一家公司,他们希望进行一些“可用性”工作。你可能是一名UI设计师,业务分析师,或前端开发人员,一名产品经理,或者负责用户体验部
  • 长话短说,看这个 form 元素:<form method="post" action=&qu
  • 磁盘搜索是性能的很大瓶颈。这个问题在数据大量增长以至于无法使用有效的缓存时尤为明显。或多或少随即访问大数据库时,就必然会有至少一次磁盘搜索来
  • Object 类型的对象虽然有 toString 方法,但结果却是 [Object Object] 让人没法理解的字符。比如简单的对象:{n
  • 空白双边距是一个极容易误解的CSS特性.它不是CSS的bug,但如果我们一旦误解,将会给你带来很多麻烦.先看如下demo代码:<!do
  • 如果原来没有使用过正则表达式,那么可能对这个术语和概念会不太熟悉。不过,它们并不是您想象的那么新奇。请回想一下在硬盘上是如何查找文件的。您肯
  • 可以自动轮换的页签 tabs with auto play fucntion<html><head><meta
  • CSS 和 JavaScript 的压缩已经很成熟,各大网站都在使用。HTML 的压缩(特指去除空白字符和注释),除了 Google 等搜索
  • 代码如下: <!-- #include file="../conn.asp" --> <!-- #in
手机版 网络编程 asp之家 www.aspxhome.com