js脚本教程75：ajax异步请求验证用户实例

讲师：瑞德威(赵老师)

JavaScipt基础知识 视频教程

第三十一课 ajax异步请求验证用户实例

1、ajax异步请求验证用户html

<h1>用户注册</h1>
< form action="" method="post" id="regform" name="form2">
用户名：<input id="regname" name="regname" onchange="chgcont()" /> <span id="nmmsg">*用户名为2-8个中英文字符或数字</span> <br /><br />
密&nbsp; 码：<input type="password" value="" /><br /><br />
<input type="button" value="提交" />
< /form>

2、ajax异步请求验证用户js脚本

<script type="text/javascript">

function ajaxFunction(url) // AJAX方法, 被自定义封装在该函数中
{
var xmlHttp;
try
{
xmlHttp = new XMLHttpRequest(); // 实例化对象 Firefox, Opera 8.0+, Safari
}
catch( e )
{
try
{
xmlHttp = new ActiveXObject( "Msxml2.XMLHTTP" );// Internet Explorer
}
catch ( e )
{
try
{
xmlHttp = new ActiveXObject( "Microsoft.XMLHTTP" );
}
catch( e )
{
alert("您的浏览器不支持AJAX！");
return false;
}
}
}
xmlHttp.onreadystatechange = function()//1正在加载，2加载完毕，3正在处理；4处理完毕,200 请求成功,202 请求被接受但处理未完成,400 错误请求,404 请求资源未找到,500 内部服务器错误
{
if( xmlHttp.readyState == 4 && xmlHttp.status == 200 )
{
//alert(xmlHttp.responseText);
var unm = xmlHttp.responseText;//可以返回text/html/script/xml/json等类型的数据

if(unm == "1"){
document.getElementById("nmmsg").innerHTML="× 该用户已经存在，请选择另一个名字注册！";
}
else
{
document.getElementById("nmmsg").innerHTML="√ 恭喜，您可以使用此用户名！";
}
}
}
xmlHttp.open( "GET", url, true );//有get和post两种提交数据方法，接收的方式也不同，类似form表单的提交，GET方式传送数据量小，处理效率高，安全性低，会被缓存，而POST反之
xmlHttp.send( null );//open()建立到服务器的新请求，send()向服务器发送请求，abort()退出当前请求，readyState提供当前 HTML 的就绪状态。 responseText服务器返回的请求响应文本。

}
function chgcont()
{
var value = document.getElementById(’regname’).value;
if( value != "" )
{
//alert(value);
ajaxFunction(’regname.asp?regnm=’+value ); // 注意在后缀.asp之后加传值是先用?分隔再添加数据
}
}
< /script>

3、ajax异步请求验证用户asp页面

<%
regnm=request.QueryString("regnm")
’response.Write(regnm)

set db=server.createobject("adodb.connection")
dbpass=server.mappath("database/#data.asa")
db.open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="&dbpass

set rs=server.createobject("adodb.recordset")
exec="select * from admin where adname=’"&regnm&"’"
rs.open exec,db,1,1

if rs.BOF or rs.EOF then
Response.Write("0")
else
Response.Write("1")
end if

rs.close
set rs=nothing
db.close
set db=nothing
%>