📄 代码清单3-12.htm
字号:
<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>sendQuery</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'>#016<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </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'>#017<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </span><span class=SpellE>var</span>
<span class=SpellE><span class=GramE>url</span></span>="/<span
class=SpellE>ajaxstudy/third/dynamicImageTableServer.jsp</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 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'>#019<span
style='mso-spacerun:yes'>
</span><span class=SpellE>xmlHttp.onreadystatechange</span> = <span
class=SpellE>getData</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 class=SpellE><span class=GramE>xmlHttp.send</span></span><span
class=GramE>(</span>null);<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'>#021<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'>#022<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'>#023<span
style='mso-spacerun:yes'>
</span>function <span class=SpellE><span class=GramE>getData</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'>#024<span
style='mso-spacerun:yes'>
</span><span style='mso-tab-count:1'> </span>if (<span
class=SpellE>xmlHttp.readyState</span> == 4<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-tab-count:1'> </span><span
style='mso-spacerun:yes'> </span><span style='mso-tab-count:
1'> </span>if (<span class=SpellE>xmlHttp.status</span> == 200<span
class=GramE>){</span> <span style='mso-tab-count:1'> </span><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'>#026<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> num = <span class=SpellE>xmlHttp.responseText</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'>#027<span style='mso-spacerun:yes'>
</span><span style='mso-spacerun:yes'> </span><span
style='mso-tab-count:5'> </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=DE
style='font-size:9.0pt;mso-ansi-language:DE'>#028<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>num =
parseInt(num/10);<o:p></o:p></span></p>
<p class=MsoNormal style='text-indent:18.0pt;background:#E6E6E6'><span lang=DE
style='font-size:9.0pt;mso-ansi-language:DE'>#029<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>switch(num){<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:1'> </span><span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span>case <span
class=GramE>0 :</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>case <span
class=GramE>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'>#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>case <span
class=GramE>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'>#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>case <span
class=GramE>3 :num</span> = 20;break;<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>case <span
class=GramE>4 :</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>case <span
class=GramE>5 :num</span> = 40;break;<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:1'> </span><span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span>case <span
class=GramE>6 :</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-tab-count:1'> </span><span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span>case <span
class=GramE>7 :num</span> = 60;break;<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:1'> </span><span
style='mso-spacerun:yes'> </span><span
style='mso-tab-count:1'> </span>case <span
class=GramE>8 :num</span> = 80;break;<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'>#039<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>case <span
class=GramE>9 :num</span> = 90;break;<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'>#040<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>case 10<span
class=GramE>:num</span> = 100;break;<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'>#041<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>default<span class=GramE>:num</span></span> = 20;<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'>#042<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'>#043<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>changePointer</span></span><span class=GramE>(</span>num);<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>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -