📄 代码清单6-1.htm
字号:
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </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'>#059<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </span>}else
if(curr_template_type=='t2'){//</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'>#060<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;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#061<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:2'> </span>container.options.length
= 0; <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'>#062<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:2'> </span>for(i=0;i<dataElems.length;i++){<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'>#063<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:3'> </span>var
idValue = dataElems[i].childNodes[0].firstChild.nodeValue;<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'>#064<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:3'> </span>var
nameValue = dataElems[i].childNodes[1].firstChild.nodeValue;<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'>#065<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:3'> </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'>#066<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:2'> </span><span
style='mso-spacerun:yes'> </span>var option=new
Option(nameValue,idValue);<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'>#067<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:2'> </span><span
style='mso-spacerun:yes'> </span>container.appendChild(option);<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'>#068<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </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'>#069<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;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#070<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'>#071<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'>XML</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'>#072<span
style='mso-spacerun:yes'>
</span>function queryData(){<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'>#073<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </span>createXMLHttpRequest();<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'>#074<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </span>var
url="/Ajaxstudy/four/getXmlData.jsp";<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'>#075<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'>#076<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </span>xmlHttp.open("GET",url,true);<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'>#077<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </span>xmlHttp.onreadystatechange
= getXmlData;<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'>#078<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </span>xmlHttp.send(null); <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'>#079<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'>#080<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'>XML</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'>#081<span
style='mso-spacerun:yes'>
</span>function getXmlData(){<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'>#082<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </span>if (xmlHttp.readyState
== 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'>#083<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 (xmlHttp.status == 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'>#084<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span><span
style='mso-spacerun:yes'> </span>curr_xmlDoc
= xmlHttp.responseXML;<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'>#085<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>fillData(curr_xmlDoc);<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'>#086<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span><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'>#087<span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </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;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#088<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'>#089<span
style='mso-spacerun:yes'> </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'>#090<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span></head><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'>#091<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </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'>#092<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span><hr></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'><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'>#093<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'><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'>"
onclick="changeTemplate('t1')">&nbsp;&nbsp;&nbsp;&nbsp;<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'>"
onclick="changeTemplate('t2')"><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'>#094<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'><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'>" onclick="queryData()"><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'>#095<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span><hr></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'><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'>#096<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
2'> </span><div
id="showdata"></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'>#097<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </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'>#098<span
style='mso-spacerun:yes'> </span></html></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 + -