﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-经验不在于年限，在于积累---专注互联网软件开发-随笔分类-JS+jQuery</title><link>http://www.blogjava.net/hankchen/category/41475.html</link><description /><language>zh-cn</language><lastBuildDate>Thu, 14 Jan 2010 08:00:52 GMT</lastBuildDate><pubDate>Thu, 14 Jan 2010 08:00:52 GMT</pubDate><ttl>60</ttl><item><title>几个有用的jQuery小技巧</title><link>http://www.blogjava.net/hankchen/archive/2010/01/08/308780.html</link><dc:creator>hankchen</dc:creator><author>hankchen</author><pubDate>Fri, 08 Jan 2010 14:24:00 GMT</pubDate><guid>http://www.blogjava.net/hankchen/archive/2010/01/08/308780.html</guid><wfw:comment>http://www.blogjava.net/hankchen/comments/308780.html</wfw:comment><comments>http://www.blogjava.net/hankchen/archive/2010/01/08/308780.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/hankchen/comments/commentRss/308780.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/hankchen/services/trackbacks/308780.html</trackback:ping><description><![CDATA[<p><strong>1.禁用右键菜单</strong></p>
<p>&nbsp;$<span style="color: #009900">(</span>document<span style="color: #009900">)</span>.<span style="color: #660066">ready</span><span style="color: #009900">(</span><span style="color: #003366; font-weight: bold">function</span><span style="color: #009900">(</span><span style="color: #009900">)</span><span style="color: #009900">{</span><br />
&nbsp;&nbsp;&nbsp; $<span style="color: #009900">(</span>document<span style="color: #009900">)</span>.<span style="color: #660066">bind</span><span style="color: #009900">(</span><span style="color: #3366cc">"contextmenu"</span><span style="color: #339933">,</span><span style="color: #003366; font-weight: bold">function</span><span style="color: #009900">(</span>e<span style="color: #009900">)</span><span style="color: #009900">{</span><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="color: #000066; font-weight: bold">return</span> <span style="color: #003366; font-weight: bold">false</span><span style="color: #339933">;</span><br />
&nbsp;&nbsp;&nbsp; <span style="color: #009900">}</span><span style="color: #009900">)</span><span style="color: #339933">;</span><br />
<span style="color: #009900">}</span><span style="color: #009900">)</span><span style="color: #339933">;<br />
<br />
</p>
<p><strong><strong>2.检测browser</strong><br />
<br />
</strong><span style="font-style: italic; color: #006600">// Safari</span><br />
<span style="color: #000066; font-weight: bold">if</span><span style="color: #009900">(</span> $.<span style="color: #660066">browser</span>.<span style="color: #660066">safari</span> <span style="color: #009900">)</span><br />
<span style="color: #009900">{</span><br />
<span style="font-style: italic; color: #006600">&nbsp;&nbsp;&nbsp; //do something</span><br />
<span style="color: #009900">}<br />
</span><br />
//mozilla <br />
if($.browser.mozilla )<br />
{<br />
&nbsp;&nbsp;&nbsp;&nbsp;//do something<br />
}<br />
&nbsp;<br />
<span style="font-style: italic; color: #006600">//Above IE6</span><br />
<span style="color: #000066; font-weight: bold">if</span> <span style="color: #009900">(</span>$.<span style="color: #660066">browser</span>.<span style="color: #660066">msie</span> <span style="color: #339933">&amp;</span><span style="color: #339933">&amp; </span>$.<span style="color: #660066">browser</span>.<span style="color: #660066">version</span> &gt;<span style="color: #cc0000">6</span> <span style="color: #009900">)</span><br />
<span style="color: #009900">{</span><br />
<span style="font-style: italic; color: #006600">&nbsp;&nbsp;&nbsp;&nbsp;//do something</span><br />
<span style="color: #009900">}</span><br />
&nbsp;<br />
<span style="font-style: italic; color: #006600">// IE6 and below</span><br />
<span style="color: #000066; font-weight: bold">if</span> <span style="color: #009900">(</span>$.<span style="color: #660066">browser</span>.<span style="color: #660066">msie</span> <span style="color: #339933">&amp;</span><span style="color: #339933">&amp; </span>$.<span style="color: #660066">browser</span>.<span style="color: #660066">version</span> &lt;<span style="color: #339933">=</span> <span style="color: #cc0000">6</span> <span style="color: #009900">)</span>&nbsp; <br />
<span style="color: #009900">{</span><br />
<span style="font-style: italic; color: #006600">&nbsp;&nbsp;&nbsp;&nbsp;//do something</span><br />
<span style="color: #009900">}<br />
<br />
<strong>3.检查存在的元素</strong></p>
<p>&nbsp;<span style="color: #000066; font-weight: bold">if</span> <span style="color: #009900">(</span>$<span style="color: #009900">(</span><span style="color: #3366cc">"#someDiv"</span><span style="color: #009900">)</span>.<span style="color: #660066">length</span><span style="color: #009900">)</span> <span style="color: #009900">{</span><br />
&nbsp;&nbsp;&nbsp; <span style="font-style: italic; color: #006600">//yes it does ,do something</span><br />
<span style="color: #009900">}<br />
<br />
<span style="font-family: 'Times New Roman', 'serif'; color: black; font-size: 12pt"><span style="line-height: 150%; font-family: 宋体; color: black; font-size: 12pt"><span style="font-family: 宋体; font-size: 12pt"><strong>（友情提示：本博文章欢迎转载，但请注明出处：hankchen，</strong><a title="http://www.blogjava.net/hankchen" href="http://www.blogjava.net/hankchen"><strong>http://www.blogjava.net/hankchen</strong></a><strong>）</strong></span></span></span></span></p>
</span></span>
<img src ="http://www.blogjava.net/hankchen/aggbug/308780.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/hankchen/" target="_blank">hankchen</a> 2010-01-08 22:24 <a href="http://www.blogjava.net/hankchen/archive/2010/01/08/308780.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>jQuery Ajax应用总结</title><link>http://www.blogjava.net/hankchen/archive/2010/01/04/308163.html</link><dc:creator>hankchen</dc:creator><author>hankchen</author><pubDate>Mon, 04 Jan 2010 05:27:00 GMT</pubDate><guid>http://www.blogjava.net/hankchen/archive/2010/01/04/308163.html</guid><wfw:comment>http://www.blogjava.net/hankchen/comments/308163.html</wfw:comment><comments>http://www.blogjava.net/hankchen/archive/2010/01/04/308163.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/hankchen/comments/commentRss/308163.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/hankchen/services/trackbacks/308163.html</trackback:ping><description><![CDATA[&nbsp;<br />
<span style="font-size: 12pt; color: black; font-family: 'Times New Roman','serif'"><span style="font-size: 12pt; color: black; line-height: 150%; font-family: 宋体"><span style="font-size: 12pt; font-family: 宋体"><strong>（友情提示：本博文章欢迎转载，但请注明出处：陈新汉，</strong><a title="http://www.blogjava.net/hankchen" href="http://www.blogjava.net/hankchen"><strong>http://www.blogjava.net/hankchen</strong></a><strong>）<br />
<br />
</strong></span></span></span><strong><font face="宋体">&nbsp; </font></strong>jQuery<span style="font-family: 宋体">提供了简单而强大的选择器功能，同时对</span>Ajax<span style="font-family: 宋体">操作也给出了很好的支持。在</span>Ajax<span style="font-family: 宋体">方面，</span>jQuery<span style="font-family: 宋体">除了提供底层的</span>jQuery.ajax()<span style="font-family: 宋体">方法外，也提供了下面的简单方法：<br />
</span>
<p style="margin-left: 36pt; text-indent: -36pt">（1）<span style="font: 7pt 'Times New Roman'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>jQuery.get(url, <em><span style="font-family: 'Calibri','sans-serif'">[data]</em>, <em><span style="font-family: 'Calibri','sans-serif'">[callback]</span></em>, <em><span style="font-family: 'Calibri','sans-serif'">[type]</span></em>) </span></p>
<p style="margin-left: 36pt; text-indent: -36pt">（2）<span style="font: 7pt 'Times New Roman'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>jQuery.getJSON(url, <em><span style="font-family: 'Calibri','sans-serif'">[data]</em>, <em><span style="font-family: 'Calibri','sans-serif'">[callback]</span></em>)</span></p>
<p style="margin-left: 36pt; text-indent: -36pt">（3）<span style="font: 7pt 'Times New Roman'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>jQuery.getScript(url, <em><span style="font-family: 'Calibri','sans-serif'">[callback]</em>)</span></p>
<p style="margin-left: 36pt; text-indent: -36pt">（4）<span style="font: 7pt 'Times New Roman'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>jQuery.post(url, <em><span style="font-family: 'Calibri','sans-serif'">[data]</em>, <em><span style="font-family: 'Calibri','sans-serif'">[callback]</span></em>, <em><span style="font-family: 'Calibri','sans-serif'">[type]</span></em>)</span></p>
<p style="text-indent: 18pt"><span style="font-family: 宋体">由于</span>jQuery.ajax()<span style="font-family: 宋体">功能比较强大，可配置的参数比较多，现在主要对这个方法的注意事项进行总结。</span></p>
<p style="margin-left: 18pt; text-indent: -18pt">1.<span style="font: 7pt 'Times New Roman'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="font-size: 12pt">jQuery.ajax()</span></span><span style="font-family: 宋体">默认是以异步的方式请求的，如果需要同步，使用参数</span>async为false<span style="font-family: 宋体">。因为有些应用必须同步请求数据的。例如，某些</span>Flash<span style="font-family: 宋体">与</span>JS<span style="font-family: 宋体">交互应用中，请求一个</span>JS<span style="font-family: 宋体">函数需要马上得到返回数据。此时，必须采用同步的</span>Ajax<span style="font-family: 宋体">调用方式。</span></p>
<p style="margin-left: 18pt; text-indent: -18pt">2.<span style="font: 7pt 'Times New Roman'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>Ajax<span style="font-family: 宋体">如果是</span>Get<span style="font-family: 宋体">请求，返回的数据一般会被浏览器缓存，如果不想被缓存，可以设置</span>cache<span style="font-family: 宋体">参数为</span>false<span style="font-family: 宋体">；或者发送请求是带上时间戳，这样浏览器会认为是新的请求，而重新从服务器加载数据。当然，如果是</span>POST<span style="font-family: 宋体">发送的请求则不会被缓存。</span></p>
<p style="margin-left: 18pt; text-indent: -18pt">3.<span style="font: 7pt 'Times New Roman'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><strong><span style="font-family: 'Calibri','sans-serif'">dataType</span></strong><strong><span style="font-family: 宋体">：</span></strong><span style="font-family: 宋体">预期服务器返回的数据类型。如果不指定，</span>jQuery <span style="font-family: 宋体">将自动根据</span> HTTP <span style="font-family: 宋体">包</span> MIME <span style="font-family: 宋体">信息返回</span> responseXML <span style="font-family: 宋体">或</span> responseText<span style="font-family: 宋体">，并作为回调函数参数传递，可用值</span>: </p>
<p><span style="font-family: 宋体">（</span>1<span style="font-family: 宋体">）</span>"xml": <span style="font-family: 宋体">返回</span> XML <span style="font-family: 宋体">文档，可用</span> jQuery <span style="font-family: 宋体">处理。</span></p>
<p><span style="font-family: 宋体">（</span>2<span style="font-family: 宋体">）</span>"html": <span style="font-family: 宋体">返回纯文本</span> HTML <span style="font-family: 宋体">信息；包含的</span>script<span style="font-family: 宋体">标签会在插入</span>dom<span style="font-family: 宋体">时执行。</span></p>
<p style="margin-left: 26.25pt; text-indent: -26.25pt"><span style="font-family: 宋体">（</span>3<span style="font-family: 宋体">）</span>"script": <span style="font-family: 宋体">返回纯文本</span> JavaScript <span style="font-family: 宋体">代码。不会自动缓存结果。除非设置了</span>"cache"<span style="font-family: 宋体">参数。</span>'''<span style="font-family: 宋体">注意：</span>'''<span style="font-family: 宋体">在远程请求时</span>(<span style="font-family: 宋体">不在同一个域下</span>)<span style="font-family: 宋体">，所有</span>POST<span style="font-family: 宋体">请求都将转为</span>GET<span style="font-family: 宋体">请求。</span>(<span style="font-family: 宋体">因为将使用</span>DOM<span style="font-family: 宋体">的</span>script<span style="font-family: 宋体">标签来加载</span>)</p>
<p style="margin-left: 26.25pt; text-indent: -26.25pt"><span style="font-family: 宋体">（</span>4<span style="font-family: 宋体">）</span>"json": <span style="font-family: 宋体">返回</span> JSON <span style="font-family: 宋体">数据</span> <span style="font-family: 宋体">。</span></p>
<p style="margin-left: 26.25pt; text-indent: -26.25pt"><span style="font-family: 宋体">（</span>5<span style="font-family: 宋体">）</span>"jsonp": JSONP <span style="font-family: 宋体">格式。使用</span> JSONP <span style="font-family: 宋体">形式调用函数时，如</span> "myurl?callback=?" jQuery <span style="font-family: 宋体">将自动替换</span> ? <span style="font-family: 宋体">为正确的函数名，以执行回调函数。</span></p>
<p style="margin-left: 26.25pt; text-indent: -26.25pt"><span style="font-family: 宋体">（</span>6<span style="font-family: 宋体">）</span>"text": <span style="font-family: 宋体">返回纯文本字符串</span></p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong><span style="font-family: 宋体">其中，</span>"script"</strong><strong><span style="font-family: 宋体">、</span>"json"</strong><strong><span style="font-family: 宋体">设置可以解决</span>Ajax</strong><strong><span style="font-family: 宋体">的跨域问题。</span></strong></p>
<p style="margin-left: 18pt; text-indent: -18pt">4.<span style="font: 7pt 'Times New Roman'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-family: 宋体">如果服务器返回的一个字符串或数值，则使用普通的</span>ajax<span style="font-family: 宋体">调用即可。</span></p>
<p style="margin-left: 18pt; text-indent: 0cm"><span style="font-family: 宋体">如果服务器返回的是一个</span>JSON<span style="font-family: 宋体">对象，那么最好采用</span>jQuery<span style="font-family: 'Courier New'">.<span style="color: #660066">getJSON</span></span><span style="color: #660066; font-family: 宋体">的方式，或者设置</span><strong><span style="font-family: 'Calibri','sans-serif'">dataType=json</span></strong><span style="color: #660066; font-family: 宋体">。因为浏览器解析</span><span style="color: #660066; font-family: 'Courier New'">JSON</span><span style="color: #660066; font-family: 宋体">对象需要时间，直接返回</span><span style="color: #660066; font-family: 'Courier New'">JSON</span><span style="color: #660066; font-family: 宋体">对象，节省解析时间，可以避免在服务器明明有返回数据，但是浏览器得不到的错误。</span></p>
<p style="margin-left: 18pt; text-indent: -18pt"><span style="color: #660066; font-family: 'Courier New'">5.&nbsp;</span><span style="color: #660066; font-family: 'Courier New'">Ajax</span><span style="color: #660066; font-family: 宋体">调用是需要时间的，所以一般将</span><span style="color: #660066; font-family: 'Courier New'">Ajax</span><span style="color: #660066; font-family: 宋体">调用后的处理代码全部放在回调方法中。不能采用这样的处理方式：</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">function </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">getMyPrizeList()</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">{</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp; if</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">(isNotEmpty(uid))</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">{</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">obj=</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">new </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">Object();</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">try{</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">jQuery.ajax(</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">{</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">type:</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">"GET"</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">,url:</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">"someurl"</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">,async:</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">false</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">,cache:</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">false</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">,dataType:</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">"script"</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">,scriptCharset:</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">"gbk"</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">,success:</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">function</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">(json)</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">{</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">obj=json;</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">}</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">);</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">}catch</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">(e)</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">{}</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">obj=eval(</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">"("</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">+obj+</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">")"</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">);</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: #3f5fbf; font-family: 'Courier New'">//alert(obj);</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #3f5fbf; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">var </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">str=</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">""</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">;</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">for</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">(</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">var </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">i </span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">in </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">obj)</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">{</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">str+=</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'&lt;tr&gt;'</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">+</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'&lt;th&gt;'</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">+prizearray[obj[i].prizeno]+</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'&lt;/th&gt;'</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; str+=</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'&lt;td&gt;'</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">+</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'CD-KEY</span><span style="font-size: 10pt; color: #8e00ff; font-family: 宋体">：</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">+obj[i].cdkey+</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'&lt;/td&gt;'</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">str+=</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'&lt;td&gt;'</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">+</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'</span><span style="font-size: 10pt; color: #8e00ff; font-family: 宋体">期限：</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">+obj[i].expiratedate+</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'</span><span style="font-size: 10pt; color: #8e00ff; font-family: 宋体">前</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">+</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'&lt;/td&gt;&lt;/tr&gt;'</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">;</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">}</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">jQuery(</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">"#prizelist"</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">).append(str);</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">}</span></p>
<p style="margin-left: 18pt; text-indent: 0cm"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">}</span></p>
<p style="margin-left: 18pt; text-indent: 0cm"><span style="font-size: 10pt; color: #7f0055; font-family: 宋体">而必须这样处理：即将处理代码放到success函数里面！</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">function </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">getMyPrizeList()</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">{</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp; if</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">(isNotEmpty(uid))</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">{</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">obj=</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">new </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">Array();</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">try{</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">jQuery.ajax(</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">{</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">type:</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">"GET"</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">,url:</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">"someurl"</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">,</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&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; cache:</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">false</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">,</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&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; dataType:</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">"script"</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">,</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&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; scriptCharset:</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">"gbk"</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">,</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&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; success:</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">function</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">(json)</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">{</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&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; try{</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&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;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">obj=result;&nbsp;&nbsp; </span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&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 style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">}catch</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">(e)</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">{}</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&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 style="font-size: 10pt; color: black; font-family: 'Courier New'">jQuery(</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">"#prizelist"</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">).html(</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">""</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">);</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&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 style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">var </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">str=</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">""</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">;</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&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 style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">for</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">(</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">var </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">i=0;i&lt;obj.length;i++ )</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">{</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&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;&nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">str+=</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'&lt;tr&gt;&lt;th&gt;'</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">+prizearray[obj[i].prizeno]+</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'&lt;/th&gt;'</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">;</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&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;&nbsp;&nbsp;&nbsp; str+=</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'&lt;td&gt;CD-KEY</span><span style="font-size: 10pt; color: #8e00ff; font-family: 宋体">：</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">+obj[i].cdkey+</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'&lt;/td&gt;'</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">;</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&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;&nbsp;&nbsp;&nbsp; str+=</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'&lt;td&gt;</span><span style="font-size: 10pt; color: #8e00ff; font-family: 宋体">期限：</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">+obj[i].expiratedate+</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">'</span><span style="font-size: 10pt; color: #8e00ff; font-family: 宋体">前</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&lt;/td&gt;&lt;/tr&gt;'</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">;</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&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 style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">}</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&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 style="font-size: 10pt; color: black; font-family: 'Courier New'">jQuery(</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">"#prizelist"</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">).append(str);</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&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></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">);</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: black; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">}catch</span><span style="font-size: 10pt; color: black; font-family: 'Courier New'">(e)</span><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">{}</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }</span></p>
<p style="margin-left: 18pt; text-indent: 0cm"><span style="font-size: 10pt; color: #7f0055; font-family: 'Courier New'">}</span></p>
<p style="margin-left: 18pt; text-indent: -18pt"><span style="color: #660066; font-family: 'Courier New'">6.&nbsp;</span><span style="color: #660066; font-family: 'Courier New'">jQuery.getJSON</span><span style="color: #660066; font-family: 宋体">实例：</span></p>
<p style="text-indent: 20pt; text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">//</span><span style="font-size: 10pt; color: #8e00ff; font-family: 宋体">内部函数，实现债务人详细信息的载入、设置值</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp; function innerShowDetail() {</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // </span><span style="font-size: 10pt; color: #8e00ff; font-family: 宋体">获得</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">JSON</span><span style="font-size: 10pt; color: #8e00ff; font-family: 宋体">格式的数据</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $.getJSON('load.do',{id : userId}, function(json) {</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // </span><span style="font-size: 10pt; color: #8e00ff; font-family: 宋体">根据</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">key</span><span style="font-size: 10pt; color: #8e00ff; font-family: 宋体">设置</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">value</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; for (key in json) {</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(key == 'id'){</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $('#detailDiv #' + key).val(json[key]);</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } else {</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(json[key] == ''){</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // </span><span style="font-size: 10pt; color: #8e00ff; font-family: 宋体">没有值设置为空</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $('#detailDiv #' + key).html('&nbsp;');</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } else if(key == 'sex'){</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $('#detailDiv #' + key).html(json[key] == '0' ? '</span><span style="font-size: 10pt; color: #8e00ff; font-family: 宋体">女</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">' : '</span><span style="font-size: 10pt; color: #8e00ff; font-family: 宋体">男</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">');</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } else if(key == 'group'){</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(json[key] != null) {</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $('#detailDiv #' + key).html(json[key]['groupName']);</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } else {</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $('#detailDiv #' + key).html(json[key]);</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //</span><span style="font-size: 10pt; color: #8e00ff; font-family: 宋体">设置对话框标题和内容</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $('#detailDiv').removeAttr('class');</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dialog.setTitle('</span><span style="font-size: 10pt; color: #8e00ff; font-family: 宋体">查看人员</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">[' + json['userName'] + ']</span><span style="font-size: 10pt; color: #8e00ff; font-family: 宋体">详细资料</span><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">');</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dialog.setContent($('#detailDiv').html());</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });</span></p>
<p style="text-align: left" align="left"><span style="font-size: 10pt; color: #8e00ff; font-family: 'Courier New'">&nbsp;&nbsp;&nbsp; }<br />
<br />
</span></p>
&nbsp;<span style="font-size: 12pt; color: black; font-family: 'Times New Roman','serif'"><strong><span style="font-size: 12pt; color: black; line-height: 150%; font-family: 宋体"><span style="font-size: 12pt; font-family: 宋体">（友情提示：本博文章欢迎转载，但请注明出处：陈新汉，<a title="http://www.blogjava.net/hankchen" href="http://www.blogjava.net/hankchen">http://www.blogjava.net/hankchen</a>）</span></span></strong></span> <br />
  <img src ="http://www.blogjava.net/hankchen/aggbug/308163.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/hankchen/" target="_blank">hankchen</a> 2010-01-04 13:27 <a href="http://www.blogjava.net/hankchen/archive/2010/01/04/308163.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>动态导入JS文件</title><link>http://www.blogjava.net/hankchen/archive/2009/10/20/299087.html</link><dc:creator>hankchen</dc:creator><author>hankchen</author><pubDate>Tue, 20 Oct 2009 09:42:00 GMT</pubDate><guid>http://www.blogjava.net/hankchen/archive/2009/10/20/299087.html</guid><wfw:comment>http://www.blogjava.net/hankchen/comments/299087.html</wfw:comment><comments>http://www.blogjava.net/hankchen/archive/2009/10/20/299087.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/hankchen/comments/commentRss/299087.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/hankchen/services/trackbacks/299087.html</trackback:ping><description><![CDATA[<p><font style="background-color: #cce8cf">背景说明：这里要实现的功能是，根据URL中的gameid参数，加载不同的js文件。为了实现这一功能，使用动态导入JS可以完美解决。<br />
<span style="font-size: 12pt; font-family: 宋体">（友情提示：本博文章欢迎转载，但请注明出处：陈新汉，<a title="http://www.blogjava.net/hankchen" href="http://www.blogjava.net/hankchen">http://www.blogjava.net/hankchen</a>）<br />
</span><br />
/*<br />
&nbsp;*动态导入JS文件<br />
**/<br />
function jsImport(path) {<br />
&nbsp;var i;<br />
&nbsp;var ss = document.getElementsByTagName("script");<br />
&nbsp;for (i = 0; i &lt; ss.length; i++) {<br />
&nbsp;&nbsp;if (ss[i].src &amp;&amp; ss[i].src.indexOf(path) != -1) {<br />
&nbsp;&nbsp;&nbsp;return;<br />
&nbsp;&nbsp;}<br />
&nbsp;}<br />
&nbsp;var s = document.createElement("script");<br />
&nbsp;s.type = "text/javascript";<br />
&nbsp;s.src = path;<br />
&nbsp;var head = document.getElementsByTagName("head")[0];<br />
&nbsp;head.appendChild(s);<br />
}</font><br />
<br />
使用方法：<br />
<font style="background-color: #cce8cf">jsImport("ranklist/"+getGameID()+"/winratiorank.js");<br />
jsImport("ranklist/"+getGameID()+"/wintimesrank.js");<br />
<br />
其中，getGameID()的源码如下：<br />
<font style="background-color: #cce8cf">&nbsp;&nbsp;&nbsp;function getGameID(){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(gameid &amp;&amp; gameid!=null){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return gameid;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;urlparams=GetRequestParams();<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;gameid=urlparams.gameid;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//alert(gameid);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return gameid;<br />
&nbsp;&nbsp;&nbsp;}<br />
<br />
<font style="background-color: #cce8cf">/* 功能：获取url参数中?后面的参数及其值<br />
**/<br />
function GetRequestParams() {<br />
&nbsp;var url = location.search;<br />
&nbsp;var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&amp;");<br />
&nbsp;var params = new Object();<br />
&nbsp;for (i = 0; j = paraString[i]; i++) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; params[j.substring(0, j.indexOf("=")).toLowerCase()] = decodeURI(j.substring(j.indexOf("=") + 1, j.length));<br />
&nbsp;}<br />
&nbsp;return params;<br />
}</font><br />
<br />
</font><br />
</font></p>
<img src ="http://www.blogjava.net/hankchen/aggbug/299087.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/hankchen/" target="_blank">hankchen</a> 2009-10-20 17:42 <a href="http://www.blogjava.net/hankchen/archive/2009/10/20/299087.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>JS操作JSON总结</title><link>http://www.blogjava.net/hankchen/archive/2009/09/15/295217.html</link><dc:creator>hankchen</dc:creator><author>hankchen</author><pubDate>Tue, 15 Sep 2009 13:58:00 GMT</pubDate><guid>http://www.blogjava.net/hankchen/archive/2009/09/15/295217.html</guid><wfw:comment>http://www.blogjava.net/hankchen/comments/295217.html</wfw:comment><comments>http://www.blogjava.net/hankchen/archive/2009/09/15/295217.html#Feedback</comments><slash:comments>2</slash:comments><wfw:commentRss>http://www.blogjava.net/hankchen/comments/commentRss/295217.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/hankchen/services/trackbacks/295217.html</trackback:ping><description><![CDATA[<span style="color: #000000">&nbsp;
<p style="text-indent: 24pt; text-align: left" align="left"><span>JSON(JavaScript Object Notation) </span><span style="font-size: 12pt; font-family: 宋体">是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">是</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'"> JavaScript </span><span style="font-size: 12pt; font-family: 宋体">原生格式，这意味着在</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'"> JavaScript </span><span style="font-size: 12pt; font-family: 宋体">中处理</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'"> JSON</span><span style="font-size: 12pt; font-family: 宋体">数据不需要任何特殊的</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'"> API </span><span style="font-size: 12pt; font-family: 宋体">或工具包。<br />
本文主要是对JS操作JSON的方法做下总结。</span></p>
<p style="text-indent: 21pt; text-align: left" align="left"><span style="font-size: 12pt; font-family: 宋体">在JSON中，有两种结构：对象和数组。<br />
&nbsp;&nbsp;&nbsp;&nbsp;1. 一个对象以&#8220;{&#8221;（左括号）开始，&#8220;}&#8221;（右括号）结束。每个&#8220;名称&#8221;后跟一个&#8220;:&#8221;（冒号）；&#8220;&#8216;名称/值&#8217; 对&#8221;之间使用&#8220;,&#8221;（逗号）分隔。&nbsp;名称用引号括起来；值如果是字符串则必须用括号，数值型则不需要。例如：<br />
&nbsp;&nbsp;&nbsp;&nbsp;var o=<span style="background: #cce8cf">{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"}</span><span style="background: #cce8cf">；&nbsp;&nbsp;&nbsp;&nbsp;<br />
</span>&nbsp;&nbsp;&nbsp; 2. 数组是值（value）的有序集合。一个数组以&#8220;[&#8221;（左中括号）开始，&#8220;]&#8221;（右中括号）结束。值之间使用&#8220;,&#8221;（逗号）分隔。<br />
&nbsp;&nbsp;&nbsp;&nbsp;例如：<br />
&nbsp;&nbsp;&nbsp;&nbsp;<span style="background: #cce8cf">var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];</span></span></p>
<p style="text-indent: 21pt; text-align: left" align="left"><span style="font-size: 12pt; font-family: 宋体">为了方便地处理JSON数据，</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">提供了</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">json.js</span><span style="font-size: 12pt; font-family: 宋体">包，下载地址：</span><a href="http://www.json.org/json.js"><span style="font-size: 12pt; color: windowtext; font-family: 'Times New Roman','serif'; text-decoration: none; text-underline: none">http://www.json.org/json.js</a></span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'"><br />
</span></p>
<p style="text-indent: 21pt; text-align: left" align="left"><span style="font-size: 12pt; font-family: 宋体">在数据传输过程中，</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">json</span><span style="font-size: 12pt; font-family: 宋体">是以文本，即字符串的形式传递的，而</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JS</span><span style="font-size: 12pt; font-family: 宋体">操作的是</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">对象，所以，</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">对象和</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">字符串之间的相互转换是关键。例如：</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; JSON</span><span style="font-size: 12pt; font-family: 宋体">字符串:<br />
</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var str1 = '{ "name": "cxh", "sex": "man" }';&nbsp;<br />
</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;JSON</span><span style="font-size: 12pt; font-family: 宋体">对象:<br />
</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var str2 = { "name": "cxh", "sex": "man" };&nbsp;<br />
</span></p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 宋体"><br />
一、</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">字符串转换为</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">对象</span></p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 宋体">要使用上面的</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">str1</span><span style="font-size: 12pt; font-family: 宋体">，必须使用下面的方法先转化为</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">对象：</span></p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">//</span><span style="font-size: 12pt; font-family: 宋体">由</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">字符串转换为</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">对象</span></p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">var obj = eval('(' + str + ')');</span></p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 宋体">或者</span></p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">var obj = str.parseJSON(); //</span><span style="font-size: 12pt; font-family: 宋体">由</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">字符串转换为</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">对象</span>&nbsp;</p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 宋体">或者</span></p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">var obj = JSON.parse(str); //</span><span style="font-size: 12pt; font-family: 宋体">由</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">字符串转换为</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">对象</span></p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 宋体">然后，就可以这样读取：</span></p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">Alert(obj.name);</span></p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">Alert(obj.sex);</span></p>
<p style="text-align: left" align="left">&nbsp;</p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 宋体">特别注意：</span><span style="font-size: 12pt; font-family: 宋体">如果</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">obj</span><span style="font-size: 12pt; font-family: 宋体">本来就是一个</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">对象，那么使用</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">eval</span><span style="font-size: 12pt; font-family: 宋体">（）函数转换后（哪怕是多次转换）还是</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">对象，但是使用</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">parseJSON</span><span style="font-size: 12pt; font-family: 宋体">（）函数处理后会有问题（抛出语法异常）。<br />
</span></p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 宋体"><br />
<br />
二、可以使用</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">toJSONString()</span><span style="font-size: 12pt; font-family: 宋体">或者全局方法</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON.stringify()</span><span style="font-size: 12pt; font-family: 宋体">将</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">对象转化为</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">字符串。</span></p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 宋体">例如：</span></p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">var last=obj.toJSONString(); //</span><span style="font-size: 12pt; font-family: 宋体">将</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">对象转化为</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">字符</span></p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 宋体">或者</span></p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">var last=JSON.stringify(obj); //</span><span style="font-size: 12pt; font-family: 宋体">将</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">对象转化为</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">JSON</span><span style="font-size: 12pt; font-family: 宋体">字符</span></p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">alert(last);<br />
</span></p>
<p style="text-align: left" align="left"><span style="font-size: 12pt; font-family: 宋体"><br />
注意：<br />
&nbsp;&nbsp;&nbsp;&nbsp;上面的几个方法中，除了</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">eval()</span><span style="font-size: 12pt; font-family: 宋体">函数是</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">js</span><span style="font-size: 12pt; font-family: 宋体">自带的之外，其他的几个方法都来自</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">json.js</span><span style="font-size: 12pt; font-family: 宋体">包。</span><span style="font-size: 12pt; font-family: 宋体">新版本的</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'"> JSON </span><span style="font-size: 12pt; font-family: 宋体">修改了</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'"> API</span><span style="font-size: 12pt; font-family: 宋体">，将</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'"> JSON.stringify() </span><span style="font-size: 12pt; font-family: 宋体">和</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'"> JSON.parse() </span><span style="font-size: 12pt; font-family: 宋体">两个方法都注入到了</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'"> Javascript </span><span style="font-size: 12pt; font-family: 宋体">的内建对象里面，前者变成了</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'"> Object.toJSONString()</span><span style="font-size: 12pt; font-family: 宋体">，而后者变成了</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'"> String.parseJSON()</span><span style="font-size: 12pt; font-family: 宋体">。如果提示找不到</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">toJSONString()</span><span style="font-size: 12pt; font-family: 宋体">和</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">parseJSON()</span><span style="font-size: 12pt; font-family: 宋体">方法，则说明您的</span><span style="font-size: 12pt; font-family: 'Times New Roman','serif'">json</span><span style="font-size: 12pt; font-family: 宋体">包版本太低。<br />
<br />
友情提醒：本博文章欢迎转载，但请注明出处：<a href="http://www.blogjava.net/hankchen">陈新汉</a></span></p>
</span>
  <img src ="http://www.blogjava.net/hankchen/aggbug/295217.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/hankchen/" target="_blank">hankchen</a> 2009-09-15 21:58 <a href="http://www.blogjava.net/hankchen/archive/2009/09/15/295217.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>中文ascii转为中文显示问题</title><link>http://www.blogjava.net/hankchen/archive/2009/09/01/293423.html</link><dc:creator>hankchen</dc:creator><author>hankchen</author><pubDate>Tue, 01 Sep 2009 03:28:00 GMT</pubDate><guid>http://www.blogjava.net/hankchen/archive/2009/09/01/293423.html</guid><wfw:comment>http://www.blogjava.net/hankchen/comments/293423.html</wfw:comment><comments>http://www.blogjava.net/hankchen/archive/2009/09/01/293423.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/hankchen/comments/commentRss/293423.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/hankchen/services/trackbacks/293423.html</trackback:ping><description><![CDATA[前一段时间，遇到从服务器请求数据，但是返回的是中文的ascii码。<br />
让人看不懂是什么意思，例如：<br />
<font style="background-color: #cce8cf">\u9a8c\u8bc1\u7801\u9519\u8bef\uff01<br />
<br />
其实采用下面的方法可以很简单的解决：<br />
<font style="background-color: #cce8cf">&nbsp;&lt;script&gt;<br />
&nbsp; var e='\u9a8c\u8bc1\u7801\u9519\u8bef\uff01';<br />
&nbsp;&nbsp;alert(unescape(e));<br />
&lt;/script&gt;<br />
提示显示：&#8220;验证码错误&#8221;<br />
</font><br />
</font>
友情提醒：本博文章欢迎转载，但请注明出处：<a href='http://www.blogjava.net/hankchen'>陈新汉</a> <img src ="http://www.blogjava.net/hankchen/aggbug/293423.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/hankchen/" target="_blank">hankchen</a> 2009-09-01 11:28 <a href="http://www.blogjava.net/hankchen/archive/2009/09/01/293423.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>