📄 代码清单3-9.htm
字号:
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#010<span
style='mso-spacerun:yes'>
</span><span class=GramE>}else</span> if(<span class=SpellE>window.XMLHttpRequest</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'>#011<span
style='mso-spacerun:yes'>
</span><span class=SpellE>xmlHttp</span> = new <span class=SpellE><span
class=GramE>XMLHttpRequest</span></span><span class=GramE>(</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'>#012<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'>#013<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'>#014<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;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#015<span
style='mso-spacerun:yes'>
</span>function <span class=SpellE><span class=GramE>changeBar</span></span><span
class=GramE>(</span><span class=SpellE>pgbID</span>, <span class=SpellE>pgbValue</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'>#016<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
2'> </span><span
style='mso-spacerun:yes'> </span>if (<span class=SpellE>pgbValue</span>
<= 100) {<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'>#017<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
3'> </span><span
style='mso-spacerun:yes'> </span>if (<span class=SpellE>txtObj</span>
= <span class=SpellE><span class=GramE>document.getElementById</span></span><span
class=GramE>(</span><span class=SpellE>pgbID+'Text</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'>#018<span style='mso-spacerun:yes'>
</span><span style='mso-spacerun:yes'> </span><span
style='mso-tab-count:3'> </span><span
style='mso-spacerun:yes'> </span><span class=SpellE>txtObj.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>pgbValue</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'>#019<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span><span style='mso-tab-count:2'> </span><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'>#020<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
3'> </span><span
style='mso-spacerun:yes'> </span>if (<span class=SpellE>pgbObj</span>
= <span class=SpellE><span class=GramE>document.getElementById</span></span><span
class=GramE>(</span><span class=SpellE>pgbID</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'>#021<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
3'> </span><span
style='mso-spacerun:yes'> </span><span class=SpellE>pgbObj.width</span>
= <span class=SpellE>pgbValue</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'>#022<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
3'> </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'>#023<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
2'> </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'>#024<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
2'> </span><span
style='mso-spacerun:yes'> </span>if (<span class=SpellE>pgbValue</span> ==
100<span class=GramE>){</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'>#025<span style='mso-spacerun:yes'>
</span><span style='mso-spacerun:yes'> </span><span
style='mso-tab-count:2'> </span><span
style='mso-spacerun:yes'> </span><span class=SpellE>txtObj.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'>';<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'>#026<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
2'> </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'>#027<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
2'> </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'>#028<span style='mso-spacerun:yes'>
</span><span style='mso-spacerun:yes'> </span><span
style='mso-tab-count:3'> </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'>#029<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
3'> </span>function
<span class=GramE>start(</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'>#030<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
4'> </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;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#031<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> timestamp = new <span class=GramE>Date(</span>).<span
class=SpellE>getTime</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'>#032<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>
url="/ajaxstudy/third/processBarServer.jsp?action=start&timestamp="
+ timestamp;<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'>#033<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><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;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#034<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>xmlHttp.onreadystatechange</span> = <span
class=SpellE>callBack</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'>#035<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><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;background:#E6E6E6'><span
lang=EN-US style='font-size:9.0pt'>#036<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'>#037<span style='mso-spacerun:yes'>
</span><span style='mso-spacerun:yes'> </span><span
style='mso-tab-count:3'> </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 class=GramE>端任务</span>进度</span><span
lang=EN-US style='font-size:9.0pt'>,</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'>#038<span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
3'> </span>function
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -