需求分析:通过ajax进行登陆验证,即如果输入的用户名数据库中存在,就提示用户该用户名已经存在。
我看了下,实现不是很困难,下面是代码,写下来也算巩固ajax的知识。
1.建立一个登陆页面
<body>
ajax验证用户名是否存在<p> <br>
<form action="" method="get" name="form">
输入用户名:
<input type="text" id="userName" name="name" οnblur="validate()">
<span id="info"></span>
<br>
<input type="submit" value="登陆">
</form>
</body>
2.上面我们看到,当用户的鼠标移开text文本框时,便会调用validate()函数,下面便是ajax的调用过程代码
<script type="text/javascript">
var req;
function validate() {
//获取表单提交的内容
var idField = document.getElementById("userName");
//访问DoAjax这个servlet,同时把获取的表单内容idField加入url字符串,以便传递给DoAjax
var url = "./DoAjax?id=" + escape(idField.value);
//创建一个XMLHttpRequest对象req
if(window.XMLHttpRequest) {
//IE7, Firefox, Opera支持
req = new