代码清单3-24.htm

《深入浅出Ajax》 源代码

#E6E6E6'><span lang=EN-US style='font-size:9.0pt'>#012<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span
class=SpellE>xmlHttp</span> = new <span class=SpellE>XMLHttpRequest</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'>#013<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&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'>#014<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&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'>#015<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;</span><span style='mso-tab-count:1'>&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'>#016<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span>function <span class=SpellE>addRow</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'>#017<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><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'>#018<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span><span class=SpellE>var</span> <span class=SpellE>maxSeq</span>
= <span class=SpellE>parseInt</span>(<span class=SpellE>document.getElementById</span>(&quot;<span
class=SpellE>maxSeq</span>&quot;).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'>#019<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span><span class=SpellE>maxSeq</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'>#020<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span><span class=SpellE>var</span> <span class=SpellE>tableBody</span>
= <span class=SpellE>document.getElementsByTagName</span>(&quot;<span
class=SpellE>tbody</span>&quot;)[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'>#021<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span><span class=SpellE>var</span> <span class=SpellE>newTr</span>
= <span class=SpellE>document.createElement</span>(&quot;<span class=SpellE>tr</span>&quot;);<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'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span><span class=SpellE>var</span> newCell0 = <span class=SpellE>document.createElement</span>(&quot;td&quot;);<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'>&nbsp;</span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span><span class=SpellE>var</span> newCell1 = <span class=SpellE>document.createElement</span>(&quot;td&quot;);<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'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span><span class=SpellE>var</span> newCell2 = <span class=SpellE>document.createElement</span>(&quot;td&quot;);<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'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span><span class=SpellE>var</span> newCell3 = <span class=SpellE>document.createElement</span>(&quot;td&quot;);<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'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span>newCell0.innerHTML = &quot;&lt;input type='checkbox' name='<span
class=SpellE>ifCheck</span>' value='&quot;+ <span class=SpellE>maxSeq</span>
+&quot;'&gt;&quot;;<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'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span>newCell1.innerHTML = &quot;&lt;input type=text
id=field_&quot;+ maxSeq+&quot;_1&gt;&quot;;<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'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span>newCell2.innerHTML = &quot;&lt;input type=text
id=field_&quot;+ maxSeq+&quot;_2&gt;&quot;;<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'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span>newCell3.innerHTML = &quot;&lt;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>querySub</span>('field_&quot;+
maxSeq+&quot;_1')&gt;&amp;<span class=SpellE>nbsp;&amp;nbsp</span>;&lt;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>=alert('</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 class=SpellE><span
lang=EN-US style='font-size:9.0pt'>IDfield</span></span><span lang=EN-US
style='font-size:9.0pt'>_&quot;+ maxSeq+&quot;_1')&gt;&quot;;<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'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span><span class=SpellE>newTr.appendChild</span>(newCell0);<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'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span><span class=SpellE>newTr.appendChild</span>(newCell1);<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'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span><span class=SpellE>newTr.appendChild</span>(newCell2);<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'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;</span><span style='mso-tab-count:1'>&nbsp;&nbsp;&nbsp; </span><span
class=SpellE>newTr.appendChild</span>(newCell3);<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'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span><span class=SpellE>var</span> <span class=SpellE>attr</span> =
<span class=SpellE>document.createAttribute</span>(&quot;<span class=SpellE>rowid</span>&quot;);<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'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&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'>ID<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'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span
class=SpellE>attr.value</span>= <span class=SpellE>parseInt</span>(1000 * <span
class=SpellE>Math.random</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'>#037<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span
class=SpellE>newTr.setAttributeNode</span>(<span class=SpellE>attr</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'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span
class=SpellE>newTr.setAttribute</span>(&quot;<span class=SpellE>id&quot;,maxSeq</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'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>//<span
class=SpellE>newTr.setAttribute</span>(&quot;<span class=SpellE>onclick&quot;,&quot;say</span>(&quot;+<span
class=SpellE>maxSeq</span>+&quot;)&quot;);<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'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span><span class=SpellE>tableBody.appendChild</span>(<span
class=SpellE>newTr</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'>#041<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;</span><span style='mso-tab-count:
1'>&nbsp; </span><span class=SpellE>document.getElementById</span>('<span
class=SpellE>maxSeq</span>').value=<span class=SpellE>maxSeq</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'>#042<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&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'>#043<span
style='mso-spacerun:yes'>&nbsp; </span><span
style='mso-spacerun:yes'>&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>