ajax检查user email是否存在
来源:forhope
?
?
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" onblur="check()"> 36. <span id="checkResult" style="float:left"></span> 37. 38. //servlet中只要用response对象打印相应信息即可 //然后servlet调用userservice,userservice调用userdao的某个方法,实现真正的检查email