传统的注册检测用户的功能都是通过弹出一个提示框或者一个页面来提示用户的,虽然说没有什么不好,但是为了给用户更好的体验,采用AJAX实现无疑是更好的手段。代码实现很简单也很实用。这里实现过程用的是javascript类库Prototype,官方网站更新到1.5版本了。相信大家对这个类库也很熟悉了。以后我就这个类库的其他功能,我会继续学习发表的。在这里我推荐学习博客园谭振林大哥的<<PROTOTYPE.JS 1.4版开发者手册>>,看完理解之后,再到官网详细的研究学习。
过程如下:
<!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>
<title>Ajax.Request类的练习</title>
<script type="text/javascript" language="javascript" src="../js/prototype.js"></script>
<script type="text/javascript" language="javascript">
function getUserMsg()
{
var un=$F('username');
var url='http://localhost/AspTest/getinfo.asp';
var pars='action=getusername&UserName='+un;
var myAjax=new Ajax.Request(
url,
{
method:'get',
parameters:pars,
onComplete:showResponse
});
}
function showResponse(originalRequest)
{
$('result').innerHTML=originalRequest.responseText;
}
</script>
</head>
<body>
<div>
<input type="text" id="username" />
<input type="button" value="检测用户" onclick="getUserMsg();" />
</div>
<div id="result"></div>
</body>
</html>
评论