ajax 校验
来源：互联网 发布：阿里云 有多少个节点 编辑：程序博客网 时间：2024/05/16 16:18
ajax_engine.js文件 ---------------------------- //自定义AJAX引擎 var http_request=false; //初始化XMLHttpRequest对象 //浏览器的UI就是通过该对象与Ajax引擎打交道 function initXMLHttpRequest(){ if(window.XMLHttpRequest){ //Mozilla浏览器 http_request=new XMLHttpRequest(); if(http_request.overrideMineType){ //防止某些版本的Mozilla浏览器处理没有Mine Type信息的 //内容出错. http_request.overrideMineType("text/xml"); } } else if(window.ActiveXObject){ //IE浏览器 try{ //IE6或更高版本 http_request=new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ //IE5.x http_request=new ActiveXObject("Microsoft.XMLHTTP"); } } } ========================================== reg.html页面 --------------------------- <html> <head> <title>自定义AJAX引擎:用户注册</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script src="ajax_engine.js"></script> <script type="text/javascript"> function checkUser(){ var username=document.getElementById("username").value; //初始化XMLHttpRequest对象 initXMLHttpRequest(); //设置回调函数 http_request.onreadystatechange=callBack; //使用AJAX引擎的核心对象发送请求 http_request.open("GET","checkUser.jsp?username="+username,true); http_request.send(null); } function callBack(){ //AJAX引擎在服务器端成功返回后自动调用该函数 //负责将服务器端返回的数据显示在客户的UI上 if(http_request.readyState==4){ //服务器端已经处理完成 if(http_request.status==200){ //服务器端处理成功 var errMsg=document.getElementById("errMsg"); errMsg.innerHTML=http_request.responseText; }else{ alert("大事不好了!"); } } } </script> </head> <body> <center> <table border=1> <tr> <td> 用户名: </td> <td> <input type="text" id="username" name="username" onblur="checkUser()"/> <span id="errMsg"></span> </td> </tr> <tr> <td> 密码: </td> <td> <input type="password" id="password" name="password"/> </td> </tr> <tr> <td align=center colspan=2> <input type="submit" value="注册" /> </td> </tr> </table> </center> </body> </html> ========================================================\\ ========================================================== checkUser.jsp页面，可以写查询数据库的页面 <%@ page pageEncoding="utf-8"%> <% String username = request.getParameter("username"); //... if (username != null) { if (username.equals("kingjw0116")) out.println(username + "用户已经存在,请重新输入用户名!"); else out.println(""); } %>
