📄 代码清单3-29.htm
字号:
style='mso-spacerun:yes'> </span><span style='mso-tab-count:2'> </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'>#014<span
style='mso-spacerun:yes'>
</span>function <span class=SpellE><span class=GramE>querySort</span></span><span
class=GramE>(</span>column){<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'>#015<span
style='mso-spacerun:yes'>
</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;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#016<span
style='mso-spacerun:yes'>
</span><span class=SpellE>var</span> <span class=SpellE><span class=GramE>url</span></span>="/<span
class=SpellE>ajaxstudy/third/sortPageServer.jsp?column</span>="+column;<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><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;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#018<span
style='mso-spacerun:yes'>
</span><span class=SpellE>xmlHttp.onreadystatechange</span> = display;<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 class=SpellE><span class=GramE>xmlHttp.send</span></span><span
class=GramE>(</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>}<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 style='mso-tab-count:2'> </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>function <span class=GramE>display(</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'>#023<span
style='mso-spacerun:yes'>
</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-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span><span style='mso-tab-count:
1'> </span>if (<span
class=SpellE>xmlHttp.status</span> == 200) { // </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'>#025<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><span style='mso-spacerun:yes'> </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:
2'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:1'> </span><span
style='mso-spacerun:yes'> </span><span class=SpellE>var</span> users
= <span class=SpellE><span class=GramE>xmlDoc.childNodes</span></span><span
class=GramE>[</span>0].<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'>#027<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
2'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:1'> </span><span
style='mso-spacerun:yes'> </span><span class=SpellE>var</span> <span
class=SpellE>tbody</span> = <span class=SpellE><span class=GramE>document.getElementById</span></span><span
class=GramE>(</span>'<span class=SpellE>sortContent</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-tab-count:
2'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:1'> </span><span
style='mso-spacerun:yes'> </span><span class=SpellE>tbody.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'>#029<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
2'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:1'> </span><span
style='mso-spacerun:yes'> </span><span class=GramE>for(</span><span
class=SpellE>i</span>=0;i<<span class=SpellE>users.length;i</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-tab-count:
2'> </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><span
class=SpellE>var</span> name = users[<span class=SpellE>i</span>].<span
class=SpellE><span class=GramE>childNodes</span></span><span class=GramE>[</span>0].<span
class=SpellE>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'>#031<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
2'> </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><span
class=SpellE>var</span> age = users[<span class=SpellE>i</span>].<span
class=SpellE><span class=GramE>childNodes</span></span><span class=GramE>[</span>1].<span
class=SpellE>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'>#032<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
2'> </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><span
class=SpellE>var</span> height = users[<span class=SpellE>i</span>].<span
class=SpellE><span class=GramE>childNodes</span></span><span class=GramE>[</span>2].<span
class=SpellE>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-tab-count:
2'> </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><span
class=SpellE>var</span> <span class=SpellE>newTr</span> = <span class=SpellE><span
class=GramE>document.createElement</span></span><span class=GramE>(</span>'<span
class=SpellE>tr</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-tab-count:
2'> </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><span
class=SpellE>var</span> newCell1 = <span class=SpellE><span class=GramE>document.createElement</span></span><span
class=GramE>(</span>'td');<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-tab-count:
2'> </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><span
class=SpellE>var</span> newCell2 = <span class=SpellE><span class=GramE>document.createElement</span></span><span
class=GramE>(</span>'td');<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-tab-count:
2'> </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><span
class=SpellE>var</span> newCell3 = <span class=SpellE><span class=GramE>document.createElement</span></span><span
class=GramE>(</span>'td');<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-tab-count:
2'> </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>newCell1.innerHTML
= name;<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-tab-count:
2'> </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>newCell2.innerHTML
= age;<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-tab-count:
2'> </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>newCell3.innerHTML
= height;<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-tab-count:
2'> </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><span
class=GramE>newCell1.setAttribute(</span>'width',100);<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-tab-count:
2'> </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><span
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -