📄 代码清单3-26.htm
字号:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#015<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span
class=SpellE>createXMLHttpRequest</span>();<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#016<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span
class=SpellE>var</span> url="/ajaxstudy/third/multiPageServer.jsp?currentPage="+currentPage;<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#017<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span
class=SpellE>xmlHttp.open</span>("<span class=SpellE>get",url,true</span>);<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#018<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span
class=SpellE>xmlHttp.onreadystatechange</span> = callback;<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#019<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span
class=SpellE>xmlHttp.send</span>(null);<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#020<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;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#021<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </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;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#022<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span>function callback(){<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#023<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:1'> </span><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;line-height:normal;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>if
(<span class=SpellE>xmlHttp.status</span> == 200) { <o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#025<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:5'> </span><span
class=SpellE>var</span> <span class=SpellE>xmlDoc</span> = <span class=SpellE>xmlHttp.responseXML</span>;<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#026<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:5'> </span><span
class=SpellE>showList</span>(<span class=SpellE>xmlDoc</span>);<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#027<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;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#028<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </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;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#029<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;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#030<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </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;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#031<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span>function <span
class=SpellE>showList</span>(<span class=SpellE>xmlDoc</span>){<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#032<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span><span class=SpellE>var</span>
<span class=SpellE>currentPage</span> = <span class=SpellE>xmlDoc.childNodes</span>[0].<span
class=SpellE>firstChild.firstChild.nodeValue</span>;<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#033<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span><span class=SpellE>var</span>
total = <span class=SpellE>xmlDoc.childNodes</span>[0].<span class=SpellE>firstChild.nextSibling.firstChild.nodeValue</span>;<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#034<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span>if(<span
class=SpellE>currentPage</span>>1){<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#035<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
2'> </span><span
class=SpellE>document.getElementById</span>('<span class=SpellE>lastPage</span>').<span
class=SpellE>innerHTML</span>='<a <span class=SpellE>href</span>="<span
class=SpellE>javascript:void</span>(0)" <span class=SpellE>onclick</span>=<span
class=SpellE>queryPage</span>('+(<span class=SpellE>parseInt</span>(<span
class=SpellE>currentPage</span>)-1)+')><</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'></a>';<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#036<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span>}else{<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#037<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
2'> </span><span
class=SpellE>document.getElementById</span>('<span class=SpellE>lastPage</span>').<span
class=SpellE>innerHTML</span>='';<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#038<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </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;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#039<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span>if(<span
class=SpellE>currentPage</span>!=total){<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#040<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
2'> </span><span
class=SpellE>document.getElementById</span>('<span class=SpellE>nextPage</span>').<span
class=SpellE>innerHTML</span>='<a <span class=SpellE>href</span>="<span
class=SpellE>javascript:void</span>(0)" <span class=SpellE>onclick</span>=<span
class=SpellE>queryPage</span>('+(<span class=SpellE>parseInt</span>(<span
class=SpellE>currentPage</span>)+1)+')></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'>></a>';<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#041<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span>}else{<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#042<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
2'> </span><span
class=SpellE>document.getElementById</span>('<span class=SpellE>nextPage</span>').<span
class=SpellE>innerHTML</span>='';<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#043<span
style='mso-spacerun:yes'> </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;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#044<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span><span class=SpellE>document.getElementById</span>('<span
class=SpellE>currentPage</span>').<span class=SpellE>innerHTML</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'>'+<span class=SpellE>currentPage</span>;<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#045<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span><span class=SpellE>document.getElementById</span>('total').<span
class=SpellE>innerHTML</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'>'+total;<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#046<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span><span class=SpellE>var</span>
lists = <span class=SpellE>xmlDoc.childNodes</span>[0].<span class=SpellE>childNodes</span>[2].<span
class=SpellE>childNodes</span>;<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#047<span
style='mso-spacerun:yes'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span><span class=SpellE>var</span>
<span class=SpellE>tbody</span> = <span class=SpellE>document.getElementsByTagName</span>('<span
class=SpellE>tbody</span>')[0];<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#048<span
style='mso-spacerun:yes'> </span><span
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -