⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 代码清单3-24.htm

📁 《深入浅出Ajax》 源代码
💻 HTM
📖 第 1 页 / 共 5 页
字号:

<p class=MsoNormal style='text-indent:18.0pt;line-height:normal;background:
#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#108<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;</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'>#109<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;</span>function <span class=SpellE>showSub</span>(){
<span style='mso-tab-count:1'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </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'>#110<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;</span><span style='mso-tab-count:1'>&nbsp;&nbsp;&nbsp; </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'>#111<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
2'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </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'>#112<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
3'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </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'>#113<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;</span><span style='mso-tab-count:4'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>//alert(<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'>#114<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;</span><span style='mso-tab-count:4'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span
class=SpellE>displaySub</span>(<span class=SpellE>xmlDoc</span>);<span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </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'>#115<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
2'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </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'>#116<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;</span><span style='mso-tab-count:1'>&nbsp;&nbsp;&nbsp; </span>}<span
style='mso-spacerun:yes'>&nbsp; </span><span style='mso-tab-count:1'>&nbsp;&nbsp; </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'>#117<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;</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'>#118<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;</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'>#119<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;</span>function <span class=SpellE>displaySub</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'>#120<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class=SpellE>document.getElementsByTagName</span>(&quot;<span
class=SpellE>tbody</span>&quot;)[1].<span class=SpellE>innerHTML</span>=&quot;&lt;<span
class=SpellE>tr</span>&gt;&lt;<span class=SpellE>th</span>&gt;</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'>&lt;/<span class=SpellE>th</span>&gt;&lt;<span
class=SpellE>th</span>&gt;</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'>&lt;/<span class=SpellE>th</span>&gt;&lt;<span
class=SpellE>th</span>&gt;</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'>&lt;/<span class=SpellE>th</span>&gt;&lt;/<span
class=SpellE>tr</span>&gt;&quot;;<span style='mso-spacerun:yes'>&nbsp;&nbsp;
</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'>#121<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class=SpellE>var</span>
name = <span class=SpellE>xmlDoc.childNodes</span>[0].<span class=SpellE>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'>#122<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class=SpellE>document.getElementById</span>('<span
class=SpellE>editId</span>').value = 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'>#123<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class=SpellE>document.getElementById</span>('<span
class=SpellE>mainInfo</span>').value=<span class=SpellE>document.getElementById</span>(name).value;<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'>#124<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class=SpellE>var</span>
<span class=SpellE>classNodes</span> = <span class=SpellE>xmlDoc.childNodes</span>[0].<span
class=SpellE>childNodes</span>;<span style='mso-spacerun:yes'>&nbsp; </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'>#125<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</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'>#126<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span>for(<span class=SpellE>i</span>=0;i&lt;<span
class=SpellE>classNodes.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'>#127<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class=SpellE>classNode</span>
= <span class=SpellE>classNodes</span>[<span class=SpellE>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'>#128<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class=SpellE>var</span>
<span class=SpellE>studentsNode</span> = <span class=SpellE>classNodes</span>[<span
class=SpellE>i</span>].<span class=SpellE>childNodes</span>[2];<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'>#129<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>//<span
class=SpellE>var</span> <span class=SpellE>studentsNode</span> = <span
class=SpellE>classNodes</span>[<span class=SpellE>i</span>].<span class=SpellE>childNodes</span>[2];<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'>#130<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class=SpellE>var</span>
<span class=SpellE>studentNodes</span> = <span class=SpellE>classNodes</span>[<span
class=SpellE>i</span>].<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'>#131<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </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'>#132<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>for(j=0;j&lt;<span
class=SpellE>studentNodes.length;j</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'>#133<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
2'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span
class=SpellE>stuname</span> = <span class=SpellE>studentNodes</span>[j].<span
class=SpellE>childNodes</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'>#134<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
2'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>gender
= <span class=SpellE>studentNodes</span>[j].<span class=SpellE>childNodes</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=DE style='font-size:9.0pt;mso-ansi-language:DE'>#135<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
2'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>//alert(&quot;name=&quot;+name+&quot;;gender=&quot;+gender);<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'>#136<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
2'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span
class=SpellE>addSubRow</span>(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'>#137<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
2'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -