JavaScript中XMLHttpRequest对象是整个Ajax技术的核心,它提供了异步发送请求的能力 。而用户名或昵称的验证就可以使XMLHttpRequest对象实现。下面是个小例子。
页面:
简单的输入框
昵称:
密码:
密码:
JS代码如下:
注册onblur事件
nameElement.onblur=function()
{
var name=this.value;
//1.获取XMLHttpRequest对象
var req=getXMLHttpRequest();
//4.处理响应结果
req.onreadystatechange=function(){
if(req.readyState==4){//XMLHttpRequest对象读取成功
if(req.status==200){//服务器相应正常
var msg=document.getElementById("msg");
//根据返回的结果显示不同的信息
if(req.responseText=="true"){
msg.innerHTML="该昵称已注册";
}else{
msg.innerHTML="可以使用";
}
}
}
}
//2.建立一个连接
req.open("get","${pageContext.request.contextPath}/servlet/checkUserServlet?name="+name);
//3.发送get请求
req.send(null);
}
}
getElementsByName方法,根据浏览器的不同获得不同的XMLHttpRequest对象(提供异步发送请求的能力):
servlet:仅仅为了测试,并没有真正从dao层查询
doGet(request,response);
}
测试:
由于在servlet中我们只验证tom是否存在,所以tom显示已使用。
原文链接:https://www.f2er.com/ajax/40202.html