ajax检查user email是否存在-优快云博客

本文介绍了一种使用Ajax实现客户端邮箱验证的方法。通过创建XMLHttpRequest对象来发送异步请求到服务器，验证邮箱是否已被注册。当输入框失去焦点时触发验证，服务器端返回结果后更新页面上的提示信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

   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="<b>"+result+"</b>";                    }  
  30.                 }  
  31.             }  
  32. //页面  
  33.   
  34. 邮箱：  
  35. <input type="text" id="usermail" οnblur="check()">  
  36. <span id="checkResult" style="float:left"></span>  
  37.   
  38. //servlet中只要用response对象打印相应信息即可  







//然后servlet调用userservice，userservice调用userdao的某个方法，实现真正的检查email