<script type='text/javascript'> //實現功能,對用戶名是否被註冊進行驗證 //驗證時間onblur //服務器是tomacat與servlet結合作爲服務器端 //瀏覽器在ff與chrome下測試,版本應就是近期才裝的 //服務器端假設各位已會 //ajax函數 var ajax=function(url){ var xhr=null; if(window.XMLHttpRequest){ xhr=new XMLHttpRequest(); }else{ xhr=new ActiveXObject("Microsoft.XMLHTTP"); } xhr.open("get", url, true); xhr.send(); xhr.onreadystatechange=function(){ if(xhr.readyState==4 && xhr.status==200){ //console.info(xhr.responseText); //console.info(xhr.responseXML);//爲null alert(xhr.responseText); } }; }; window.οnlοad=function(){ var oInputs=document.getElementsByTagName('input'); var url="AjaxServlet?userName="+oInputs[0].value; oInputs[0].οnblur=function(){ ajax(url); }; }; </script> </head> <body> <form action=""> userName<input type="text" name="userName"/><br/> password<input type='text' name="passWord"/> </form> </body>
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
response.setCharacterEncoding("UTF-8");
String s1=request.getParameter("userName");
if(s1.equals("userName")){
PrintWriter out = response.getWriter();
out.print("名字相同111");
out.flush();
out.close();
}else{
PrintWriter out = response.getWriter();
out.print("success");
out.flush();
out.close();
}
}
<servlet> <description>This is the description of my J2EE component</description> <display-name>This is the display name of my J2EE component</display-name> <servlet-name>AjaxServlet</servlet-name> <servlet-class>hyl.AjaxServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>AjaxServlet</servlet-name> <url-pattern>/AjaxServlet</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list>
//給上結果圖