📄 代码清单3-1.htm
字号:
lang=EN-US style='font-size:9.0pt'>#008<span
style='mso-spacerun:yes'>
</span><span class=GramE>}else</span> if(<span class=SpellE>window.XMLHttpRequest</span>){<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#009<span
style='mso-spacerun:yes'>
</span><span class=SpellE>xmlHttp</span> = new <span class=SpellE><span
class=GramE>XMLHttpRequest</span></span><span class=GramE>(</span>);<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#010<span
style='mso-spacerun:yes'>
</span>}<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#011<span
style='mso-spacerun:yes'>
</span>}<span style='mso-spacerun:yes'> </span><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#012<span
style='mso-spacerun:yes'> </span>function <span
class=SpellE><span class=GramE>checkUser</span></span><span class=GramE>(</span>){<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#013<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span><span
class=SpellE><span class=GramE>createXMLHttpRequest</span></span><span
class=GramE>(</span>);<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#014<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span><span
class=SpellE>var</span> name=<span class=SpellE><span class=GramE>document.getElementById</span></span><span
class=GramE>(</span>"<span class=SpellE>userName</span>").value;<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#015<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span><span
class=SpellE>var</span> pass=<span class=SpellE><span class=GramE>document.getElementById</span></span><span
class=GramE>(</span>"password").value;<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#016<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span><span
class=SpellE>var</span> <span class=SpellE><span class=GramE>url</span></span>
= "/ajaxstudy/third/checkBackGroundServer.jsp?userName="+name+"&pass="+pass;<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#017<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span><span
class=SpellE><span class=GramE>xmlHttp.open</span></span><span class=GramE>(</span>"<span
class=SpellE>GET",url,true</span>);<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#018<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span><span
class=SpellE>xmlHttp.onreadystatechange</span> = <span class=SpellE>showResult</span>;<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#019<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span><span
class=SpellE><span class=GramE>xmlHttp.send</span></span><span class=GramE>(</span>null);<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#020<span
style='mso-spacerun:yes'> </span>}<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#021<span
style='mso-spacerun:yes'> </span>function <span
class=SpellE><span class=GramE>showResult</span></span><span class=GramE>(</span>){<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#022<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span>if (<span
class=SpellE>xmlHttp.readyState</span> == 4) { <o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#023<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:3'> </span>if
(<span class=SpellE>xmlHttp.status</span> == 200) {<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#024<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:4'> </span><span
class=SpellE>var</span> result = <span class=SpellE>xmlHttp.responseText</span>;<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#025<span style='mso-spacerun:yes'>
</span><span style='mso-spacerun:yes'> </span><span
style='mso-tab-count:4'> </span>//</span><span
style='font-size:9.0pt;font-family:宋体;mso-ascii-font-family:"Times New Roman";
mso-hansi-font-family:"Times New Roman"'>在界面上显示返回结果</span><span lang=EN-US
style='font-size:9.0pt'><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#026<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:4'> </span><span
class=SpellE><span class=GramE>document.getElementById</span></span><span
class=GramE>(</span>"<span class=SpellE>checkResult</span>").<span
class=SpellE>innerHTML</span>="<b>"+result+"</b>";<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#027<span style='mso-spacerun:yes'>
</span><span style='mso-tab-count:5'> </span>}<span
style='mso-spacerun:yes'> </span><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#028<span style='mso-spacerun:yes'>
</span><span style='mso-tab-count:3'> </span>}<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#029<span
style='mso-spacerun:yes'> </span>}<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#<span class=GramE>030<span
style='mso-spacerun:yes'> </span><</span>/script><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#<span class=GramE>031<span
style='mso-spacerun:yes'> </span><</span>body><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#032<span style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </span></span><span
style='font-size:9.0pt;font-family:宋体;mso-ascii-font-family:"Times New Roman";
mso-hansi-font-family:"Times New Roman"'>用户名：</span><span lang=EN-US
style='font-size:9.0pt'><input type="text" id="<span
class=SpellE>userName</span>"><p><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#033<span style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </span></span><span
style='font-size:9.0pt;font-family:宋体;mso-ascii-font-family:"Times New Roman";
mso-hansi-font-family:"Times New Roman"'>密 码：</span><span lang=EN-US
style='font-size:9.0pt'><input type="text"
id="password"><p><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#034<span style='mso-spacerun:yes'>
</span><input type="button" value="</span><span
style='font-size:9.0pt;font-family:宋体;mso-ascii-font-family:"Times New Roman";
mso-hansi-font-family:"Times New Roman"'>提交</span><span lang=EN-US
style='font-size:9.0pt'>" <span class=SpellE>onclick</span>=<span
class=SpellE>checkUser</span>()><p><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#035<span style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </span></span><span
style='font-size:9.0pt;font-family:宋体;mso-ascii-font-family:"Times New Roman";
mso-hansi-font-family:"Times New Roman"'>验证结果：</span><span lang=EN-US
style='font-size:9.0pt'><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#<span class=GramE>036<span
style='mso-spacerun:yes'> </span><</span>div id="<span
class=SpellE>checkResult</span>"></div><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#<span class=GramE>037<span
style='mso-spacerun:yes'> </span><</span>/body><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#<span class=GramE>038<span
style='mso-spacerun:yes'> </span><</span>/html><o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:21.0pt'><span lang=EN-US><o:p> </o:p></span></p>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -