ASP+AJAX应用之注册用户即时检测
来源:互联网 发布:微博刷赞软件手机版 编辑:程序博客网 时间:2024/05/28 18:43
<script type="text/javascript"><!--google_ad_client = "pub-4490194096475053";/* 内容页,300x250,第一屏 */google_ad_slot = "3685991503";google_ad_width = 300;google_ad_height = 250;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
AJAX的无刷新机制使得在注册系统中对于注册名称的检测能即时显示。 常见的用户注册是用户输入用户名,后台程序检测数据库中用户名是否重复而做出注册的成功与失败之提示(当用户注册重名时将返回重新注册),或者稍微人性化一点就是在用户名文本框后添加一个检测按钮,让用户检测后再做注册。
以上操作,对于用户体验方面来说是比较“差劲”的,一个很好的用户体验就是:当用户输入完注册用户名后,Web系统应能即时检查并即时显示,并在检查和显示的同时不影响当前页面的操作。这也就是“异步获取数据”的要求,而这正是AJAX的强项
功能展现
当输入已经存在的用户名(如cnbruce、cnrose)时页面将显示重名不能注册(false),否则将显示可以注册(true),这为用户的注册提供了快速的参考,用户体验至上。
那么下面就来说说是如何来实现这样的功能的。
其实通过如上的t1.htm的源代码,各位就可以看到AJAX的精髓
首先是定义XMLHttp对象
CODE:[复制到剪切板]var XMLHttp = false;
try {
XMLHttp = new ActiveXObject("MsXML2.XMLHTTP");
} catch (e) {
try {
XMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
XMLHttp = false;
}
}
if (!XMLHttp && typeof XMLHttpRequest != 'undefined') {
XMLHttp = new XMLHttpRequest();
}
关于这部分内容的说明 请看
接着是自定义函数
CODE:[复制到剪切板]function callServer() {
var u_name = document.getElementById("u_name").value;
if ((u_name == null) || (u_name == "")) return;
var url = "cu.ASP?name=" + escape(u_name);
XMLHttp.open("GET", url, true);
XMLHttp.onreadystatechange = updatePage;
XMLHttp.send(null);
}
php爱好者站 http://www.phpfans.net php基础|php进阶|php模板.
该函数的主要功能就是异步获得cu.ASP的内容,在此前将先提取当前页表单元素“u_name”即用户名文本框zhogn 的值,通过cu.ASP其后的参数及赋值而得到了不同的结果(true or false)。
那么这里要说的即是cu.ASP,他的主要功能就是接受URL参数name的值做内容显示,该内容最终被t1.htm异步获取。
CODE:[复制到剪切板]<!--cu.ASP的源码示例-->
<!--#include file="conn.ASP"-->
<%
name=request.querystring("name")
Set rs = Server.CreateObject ("ADODB.Recordset")
sql = "Select * from u_ser where u_name='"&name&"'"
rs.Open sql,conn,1,1
if rs.eof and rs.bof then
response.write("true")
else
response.write("false")
end if
rs.close
set rs=nothing
call CloseDatabase
%>
如何将异步获取的信息显示在当前页呢
CODE:[复制到剪切板]function updatePage() {
if (XMLHttp.readyState < 4) {
test1.innerHTML="loading...";
}
if (XMLHttp.readyState == 4) {
var response = XMLHttp.responseText;
test1.innerHTML=response;
}
}
其中XMLHttp.readyState中的readyState表示服务器在处理请求时的进展状况,其值分别有0-4,各有其说明情况,具体请参看
使用DHTML中的innerHTML可显示信息在定义的 <span id="test1">是否能注册</span> 上
- ASP+AJAX应用之注册用户即时检测
- AJAX应用之注册用户即时检测
- AJAX应用之注册用户即时检测
- AJAX 之用户注册即时检测
- ASP和AJAX应用一例,检测注册用户是否有效
- ASP+ajax完美实现用户表单检测和注册
- 用ajax检测的用户注册
- Ajax检测注册用户是否存在(.NET)
- Ajax检测注册用户是否存在
- jquery与php交互的ajax应用第一课:检测用户注册时用户名是否存在
- jquery与php交互的ajax应用第一课:检测用户注册时用户名是否存在
- 注册页中检测用户是否存在(简单的JQ版Ajax应用)
- jquery与php交互的ajax应用第一课:检测用户注册时用户名是否存在
- 注册页面中使用AJAX即时提醒用户能否注册成功
- asp.net注册即时通过手机给一个注册码发给用户
- 应用ajax实现检测注册用户名是否已经存在
- 基于openfire+smack开发Android即时聊天应用[二]-用户注册、登陆、修改密码、注销等
- 基于openfire+smack开发Android即时聊天应用[一]-用户注册、登陆、修改密码、注销等
- CSS仿淘宝首页导航条按钮布局效果
- 折叠展开收缩效果的栏目分类导航
- 切换滑动门效果(图,代码下载)
- php+ajax动态生成下拉菜单
- 比google和百度牛的十倍的搜索类网站(一定要收藏,肯定会有用的)
- ASP+AJAX应用之注册用户即时检测
- day day up
- 解决weblogic下报java.net.ProtocolException: Exceeded stated content-length of异常问题
- GridView 中 DataFormatString 的使用
- JavaScript无提示关闭当前页面窗口,兼容IE/Firefox/Chrome (Close the current page window without confirm by JavaScript, support all browsers)
- 为gridview “删除”列添加确认对话框
- RegQueryValueEx函数返回234错误解决方法
- 防止被进程附加调试
- 什么是CSS