前端之家收集整理的这篇文章主要介绍了
Ajax验证用户名是否存在,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
// 首先创建一个xmlHttpReq对象,非IE浏览器使用new XMLHttpRequest()
var xmlHttpReq;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttpReq = new ActiveXObject("MSXML2.XMLHTTP.3.0");
}else{
xmlHttpReq = new XMLHttpRequest();
}
}
//这是表单验证触发函数
function check(){
createXMLHttpRequest();
var usermail =document.getElementById("usermail").value;
//将邮箱提交给一个Servlet
var url="CheckUser?usermail="+usermail;
//采用Get的请求方式
xmlHttpReq.open("GET",url,true);
xmlHttpReq.onreadystatechange = showResult;
//onreadystatechange的值改变时触发的showResult函数
xmlHttpReq.send();
}
//返回响应信息,并显示在一个DIV中
function showResult(){
if(xmlHttpReq.readyState == 4){
if(xmlHttpReq.status == 200){
//将响应信息作为字符串返回
var result = xmlHttpReq.responseText;
var checkResult = document.getElementById ("checkResult").innerHTML="<b>"+result+"</b>"; }
}
}
//页面
邮箱:
<input type="text" id="usermail" onblur="check()">
<span id="checkResult" style="float:left"></span>
//servlet中只要用response对象打印相应信息即可