页面端(login.jsp):
<span><span><div class='code_title'><div class='dp-highlighter'><div class='bar'/><ol class='dp-c'> <li class='alt'><span><span><%@ page language=</span><span class='string'>"java"</span><span> </span><span class='keyword'>import</span><span>=</span><span class='string'>"java.util.*"</span><span> pageencoding=</span><span class='string'>"gb2312"</span><span>%> </span></span></li> <li class=''><span><!doctype html public </span><span class='string'>"-//w3c//dtd html 4.01 transitional//en"</span><span>> </span></li> <li class='alt'><span><html> </span></li> <li class=''><span> <head> </span></li> <li class='alt'><span> <title>ajax验证用户名是否存在例子</title> </span></li> <li class=''><span> <script> </span></li> <li class='alt'><span> </span></li> <li class=''><span> </span><span class='comment'>//设一个变量 </span><span> </span></li> <li class='alt'><span> </span></li> <li class=''><span> </span><span class='keyword'>var</span><span> xmlhttpreq=</span><span class='keyword'>false</span><span>; </span></li> <li class='alt'><span> </span><span class='comment'>//创建一个xmlhttprequest对象 </span><span> </span></li> <li class=''><span> </span><span class='keyword'>function</span><span> createxmlhttprequest(){ </span></li> <li class='alt'><span> </span><span class='keyword'>if</span><span>(window.xmlhttprequest){ </span><span class='comment'>//mozilla </span><span> </span></li> <li class=''><span> xmlhttpreq=</span><span class='keyword'>new</span><span> xmlhttprequest(); </span></li> <li class='alt'><span> } </span></li> <li class=''><span> </span><span class='keyword'>else</span><span> </span><span class='keyword'>if</span><span>(window.activexobject){ </span></li> <li class='alt'><span> </span><span class='keyword'>try</span><span>{ </span></li> <li class=''><span> xmlhttpreq=</span><span class='keyword'>new</span><span> activexobject(</span><span class='string'>"msxml2.xmlhttp"</span><span>); </span></li> <li class='alt'><span> }</span><span class='keyword'>catch</span><span>(e){ </span></li> <li class=''><span> </span><span class='keyword'>try</span><span>{ </span></li> <li class='alt'><span> xmlhttpreq=</span><span class='keyword'>new</span><span> activexobject(</span><span class='string'>"microsoft.xmlhttp"</span><span>); </span></li> <li class=''><span> }</span><span class='keyword'>catch</span><span>(e){} </span></li> <li class='alt'><span> } </span></li> <li class=''><span> } </span></li> <li class='alt'><span> } </span></li> <li class=''><span> </span><span class='comment'>//发送请求函数 </span><span> </span></li> <li class='alt'><span> </span><span class='keyword'>function</span><span> send(url){ </span></li> <li class=''><span> createxmlhttprequest(); </span></li> <li class='alt'><span> xmlhttpreq.open(</span><span class='string'>"get"</span><span>,url,</span><span class='keyword'>true</span><span>); </span></li> <li class=''><span> xmlhttpreq.onreadystatechange=proce; </span><span class='comment'>//指定响应的函数 </span><span> </span></li> <li class='alt'><span> xmlhttpreq.send(</span><span class='keyword'>null</span><span>); </span><span class='comment'>//发送请求 </span><span> </span></li> <li class=''><span> } </span></li> <li class='alt'><span> </span><span class='keyword'>function</span><span> proce(){ </span></li> <li class=''><span> </span><span class='keyword'>if</span><span>(xmlhttpreq.readystate==4){ </span><span class='comment'>//对象状态 </span><span> </span></li> <li class='alt'><span> </span><span class='keyword'>if</span><span>(xmlhttpreq.status==200){</span><span class='comment'>//信息已成功返回,开始处理信息 </span><span> </span></li> <li class=''><span> <!--测试读取xml开始--> </span></li> <li class='alt'><span> </span><span class='keyword'>var</span><span> root=xmlhttpreq.responsexml; </span></li> <li class=''><span> </span><span class='keyword'>var</span><span> res=root.getelementsbytagname(</span><span class='string'>"content"</span><span>)[0].firstchild.data; </span></li> <li class='alt'><span> window.alert(res); </span></li> <li class=''><span> <!--测试读取xml结束--> </span></li> <li class='alt'><span> </span><span class='comment'>//var xmlreturn = xmlhttpreq.responsetext; </span><span> </span></li> <li class=''><span> </span><span class='comment'>//window.alert(xmlreturn); </span><span> </span></li> <li class='alt'><span> }</span><span class='keyword'>else</span><span>{ </span></li> <li class=''><span> window.alert(</span><span class='string'>"所请求的页面有异常"</span><span>); </span></li> <li class='alt'><span> } </span></li> <li class=''><span> } </span></li> <li class='alt'><span> } </span></li> <li class=''><span> </span><span class='comment'>//身份验证 </span><span> </span></li> <li class='alt'><span> </span><span class='keyword'>function</span><span> check(){ </span></li> <li class=''><span> </span><span class='keyword'>var</span><span> name=document.getelementbyid(</span><span class='string'>"name"</span><span>).value; </span></li> <li class='alt'><span> </span></li> <li class=''><span> </span><span class='keyword'>if</span><span>(name==</span><span class='string'>""</span><span>){ </span></li> <li class='alt'><span> alert(</span><span class='string'>"请输入姓名!"</span><span>); </span></li> <li class=''><span> </span><span class='keyword'>return</span><span> </span><span class='keyword'>false</span><span>; </span></li> <li class='alt'><span> } </span></li> <li class=''><span> </span><span class='keyword'>else</span><span>{ </span></li> <li class='alt'><span> </span><span class='comment'>//send('login?name='+name); </span><span> </span></li> <li class=''><span> document.getelementbyid(</span><span class='string'>"load"</span><span>).style.display=</span><span class='string'>''</span><span>; </span></li> <li class='alt'><span> send('login.</span><span class='keyword'>do</span><span>?name='+name); </span></li> <li class=''><span> document.getelementbyid(</span><span class='string'>"load"</span><span>).style.display='none'; </span></li> <li class='alt'><span> } </span></li> <li class=''><span> } </span></li> <li class='alt'><span> </span></li> <li class=''><span> </script> </span></li> <li class='alt'><span> </head> </span></li> <li class=''><span> </span></li> <li class='alt'><span> <body> </span></li> <li class=''><span> <form action=</span><span class='string'>"login"</span><span> method=</span><span class='string'>"post"</span><span>> </span></li> <li class='alt'><span> <table> </span></li> <li class=''><span> <tr><td>姓名: <input id=</span><span class='string'>"name"</span><span> type=</span><span class='string'>"text"</span><span> name=</span><span class='string'>"name"</span><span>/><p> </span></li> <li class='alt'><span> <div id=load style=</span><span class='string'>"display:none; position:absolute;right:0px;top:0px;background:#ff5b5b;border:1px solid"</span><span>>正在验证用户名,请稍后……</div><p> </span></li> <li class=''><span> <input type=</span><span class='string'>"button"</span><span> value=</span><span class='string'>"检测!"</span><span> οnclick=</span><span class='string'>"check()"</span><span>/> </span></li> <li class='alt'><span> </td> </span></li> <li class=''><span> </tr> </span></li> <li class='alt'><span> </table> </span></li> <li class=''><span> </form> </span></li> <li class='alt'><span> </body> </span></li> <li class=''><span></html> </span></li></ol>
<span><span><div class='code_title'><div class='dp-highlighter'><div class='bar'/><ol class='dp-c'> <li class='alt'><span><span><%@ page language=</span><span class='string'>"java"</span><span> </span><span class='keyword'>import</span><span>=</span><span class='string'>"java.util.*"</span><span> pageencoding=</span><span class='string'>"gb2312"</span><span>%> </span></span></li> <li class=''><span><!doctype html public </span><span class='string'>"-//w3c//dtd html 4.01 transitional//en"</span><span>> </span></li> <li class='alt'><span><html> </span></li> <li class=''><span> <head> </span></li> <li class='alt'><span> <title>ajax验证用户名是否存在例子</title> </span></li> <li class=''><span> <script> </span></li> <li class='alt'><span> </span></li> <li class=''><span> </span><span class='comment'>//设一个变量 </span><span> </span></li> <li class='alt'><span> </span></li> <li class=''><span> </span><span class='keyword'>var</span><span> xmlhttpreq=</span><span class='keyword'>false</span><span>; </span></li> <li class='alt'><span> </span><span class='comment'>//创建一个xmlhttprequest对象 </span><span> </span></li> <li class=''><span> </span><span class='keyword'>function</span><span> createxmlhttprequest(){ </span></li> <li class='alt'><span> </span><span class='keyword'>if</span><span>(window.xmlhttprequest){ </span><span class='comment'>//mozilla </span><span> </span></li> <li class=''><span> xmlhttpreq=</span><span class='keyword'>new</span><span> xmlhttprequest(); </span></li> <li class='alt'><span> } </span></li> <li class=''><span> </span><span class='keyword'>else</span><span> </span><span class='keyword'>if</span><span>(window.activexobject){ </span></li> <li class='alt'><span> </span><span class='keyword'>try</span><span>{ </span></li> <li class=''><span> xmlhttpreq=</span><span class='keyword'>new</span><span> activexobject(</span><span class='string'>"msxml2.xmlhttp"</span><span>); </span></li> <li class='alt'><span> }</span><span class='keyword'>catch</span><span>(e){ </span></li> <li class=''><span> </span><span class='keyword'>try</span><span>{ </span></li> <li class='alt'><span> xmlhttpreq=</span><span class='keyword'>new</span><span> activexobject(</span><span class='string'>"microsoft.xmlhttp"</span><span>); </span></li> <li class=''><span> }</span><span class='keyword'>catch</span><span>(e){} </span></li> <li class='alt'><span> } </span></li> <li class=''><span> } </span></li> <li class='alt'><span> } </span></li> <li class=''><span> </span><span class='comment'>//发送请求函数 </span><span> </span></li> <li class='alt'><span> </span><span class='keyword'>function</span><span> send(url){ </span></li> <li class=''><span> createxmlhttprequest(); </span></li> <li class='alt'><span> xmlhttpreq.open(</span><span class='string'>"get"</span><span>,url,</span><span class='keyword'>true</span><span>); </span></li> <li class=''><span> xmlhttpreq.onreadystatechange=proce; </span><span class='comment'>//指定响应的函数 </span><span> </span></li> <li class='alt'><span> xmlhttpreq.send(</span><span class='keyword'>null</span><span>); </span><span class='comment'>//发送请求 </span><span> </span></li> <li class=''><span> } </span></li> <li class='alt'><span> </span><span class='keyword'>function</span><span> proce(){ </span></li> <li class=''><span> </span><span class='keyword'>if</span><span>(xmlhttpreq.readystate==4){ </span><span class='comment'>//对象状态 </span><span> </span></li> <li class='alt'><span> </span><span class='keyword'>if</span><span>(xmlhttpreq.status==200){</span><span class='comment'>//信息已成功返回,开始处理信息 </span><span> </span></li> <li class=''><span> <!--测试读取xml开始--> </span></li> <li class='alt'><span> </span><span class='keyword'>var</span><span> root=xmlhttpreq.responsexml; </span></li> <li class=''><span> </span><span class='keyword'>var</span><span> res=root.getelementsbytagname(</span><span class='string'>"content"</span><span>)[0].firstchild.data; </span></li> <li class='alt'><span> window.alert(res); </span></li> <li class=''><span> <!--测试读取xml结束--> </span></li> <li class='alt'><span> </span><span class='comment'>//var xmlreturn = xmlhttpreq.responsetext; </span><span> </span></li> <li class=''><span> </span><span class='comment'>//window.alert(xmlreturn); </span><span> </span></li> <li class='alt'><span> }</span><span class='keyword'>else</span><span>{ </span></li> <li class=''><span> window.alert(</span><span class='string'>"所请求的页面有异常"</span><span>); </span></li> <li class='alt'><span> } </span></li> <li class=''><span> } </span></li> <li class='alt'><span> } </span></li> <li class=''><span> </span><span class='comment'>//身份验证 </span><span> </span></li> <li class='alt'><span> </span><span class='keyword'>function</span><span> check(){ </span></li> <li class=''><span> </span><span class='keyword'>var</span><span> name=document.getelementbyid(</span><span class='string'>"name"</span><span>).value; </span></li> <li class='alt'><span> </span></li> <li class=''><span> </span><span class='keyword'>if</span><span>(name==</span><span class='string'>""</span><span>){ </span></li> <li class='alt'><span> alert(</span><span class='string'>"请输入姓名!"</span><span>); </span></li> <li class=''><span> </span><span class='keyword'>return</span><span> </span><span class='keyword'>false</span><span>; </span></li> <li class='alt'><span> } </span></li> <li class=''><span> </span><span class='keyword'>else</span><span>{ </span></li> <li class='alt'><span> </span><span class='comment'>//send('login?name='+name); </span><span> </span></li> <li class=''><span> document.getelementbyid(</span><span class='string'>"load"</span><span>).style.display=</span><span class='string'>''</span><span>; </span></li> <li class='alt'><span> send('login.</span><span class='keyword'>do</span><span>?name='+name); </span></li> <li class=''><span> document.getelementbyid(</span><span class='string'>"load"</span><span>).style.display='none'; </span></li> <li class='alt'><span> } </span></li> <li class=''><span> } </span></li> <li class='alt'><span> </span></li> <li class=''><span> </script> </span></li> <li class='alt'><span> </head> </span></li> <li class=''><span> </span></li> <li class='alt'><span> <body> </span></li> <li class=''><span> <form action=</span><span class='string'>"login"</span><span> method=</span><span class='string'>"post"</span><span>> </span></li> <li class='alt'><span> <table> </span></li> <li class=''><span> <tr><td>姓名: <input id=</span><span class='string'>"name"</span><span> type=</span><span class='string'>"text"</span><span> name=</span><span class='string'>"name"</span><span>/><p> </span></li> <li class='alt'><span> <div id=load style=</span><span class='string'>"display:none; position:absolute;right:0px;top:0px;background:#ff5b5b;border:1px solid"</span><span>>正在验证用户名,请稍后……</div><p> </span></li> <li class=''><span> <input type=</span><span class='string'>"button"</span><span> value=</span><span class='string'>"检测!"</span><span> οnclick=</span><span class='string'>"check()"</span><span>/> </span></li> <li class='alt'><span> </td> </span></li> <li class=''><span> </tr> </span></li> <li class='alt'><span> </table> </span></li> <li class=''><span> </form> </span></li> <li class='alt'><span> </body> </span></li> <li class=''><span></html> </span></li></ol>