您的位置:首页 > 其它

Ajax验证用户名是否存在

2015-07-14 11:48 169 查看
// 首先创建一个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对象打印相应信息即可

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: