Ajax验证用户名是否存在

[java]  view plain  copy
 print ?
  1. // 首先创建一个xmlHttpReq对象,非IE浏览器使用new XMLHttpRequest()  
  2.   var xmlHttpReq;  
  3.         function createXMLHttpRequest(){  
  4.              if(window.ActiveXObject){  
  5.               xmlHttpReq = new ActiveXObject("MSXML2.XMLHTTP.3.0");  
  6.               }else{  
  7.               xmlHttpReq = new XMLHttpRequest();  
  8.              }  
  9.           }  
  10.   
  11. //这是表单验证触发函数  
  12. function check(){  
  13.                 createXMLHttpRequest();  
  14.                 var usermail =document.getElementById("usermail").value;  
  15.                 //将邮箱提交给一个Servlet  
  16.                 var url="CheckUser?usermail="+usermail;  
  17.                  //采用Get的请求方式  
  18.                 xmlHttpReq.open("GET",url,true);  
  19.                 xmlHttpReq.onreadystatechange = showResult;  
  20.                 //onreadystatechange的值改变时触发的showResult函数  
  21.                   xmlHttpReq.send();  
  22.  }  
  23.   //返回响应信息,并显示在一个DIV中  
  24. function showResult(){  
  25.                 if(xmlHttpReq.readyState == 4){  
  26.                     if(xmlHttpReq.status == 200){  
  27.                       //将响应信息作为字符串返回  
  28.                         var result = xmlHttpReq.responseText;  
  29.      var checkResult = document.getElementById                    ("checkResult").innerHTML=""+result+"";                    }  
  30.                 }  
  31.             }  
  32. //页面  
  33.   
  34. 邮箱:  
  35. "text" id="usermail" οnblur="check()">  
  36. "checkResult" style="float:left">  
  37.   
  38. //servlet中只要用response对象打印相应信息即可  

你可能感兴趣的:(Ajax)