﻿<?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-Enjoy yourself,and don't care about others' thinking!-随笔分类-Ajax</title><link>http://www.blogjava.net/TiGERTiAN/category/19516.html</link><description>----TiGERTiAN</description><language>zh-cn</language><lastBuildDate>Sun, 29 Jul 2007 21:19:09 GMT</lastBuildDate><pubDate>Sun, 29 Jul 2007 21:19:09 GMT</pubDate><ttl>60</ttl><item><title>去除js中的单引号</title><link>http://www.blogjava.net/TiGERTiAN/archive/2007/07/29/133119.html</link><dc:creator>TiGERTiAN</dc:creator><author>TiGERTiAN</author><pubDate>Sun, 29 Jul 2007 06:06:00 GMT</pubDate><guid>http://www.blogjava.net/TiGERTiAN/archive/2007/07/29/133119.html</guid><wfw:comment>http://www.blogjava.net/TiGERTiAN/comments/133119.html</wfw:comment><comments>http://www.blogjava.net/TiGERTiAN/archive/2007/07/29/133119.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/TiGERTiAN/comments/commentRss/133119.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/TiGERTiAN/services/trackbacks/133119.html</trackback:ping><description><![CDATA[有的时候开发中需要将一些html源代码赋值给js变量，并且需要传递给hidden域，如果出现单引号就很容易出错，这里是我的一个方法：<br>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><img src="http://www.blogjava.net/Images/OutliningIndicators/None.gif" align=top><span style="COLOR: #000000">$('memo').value</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">oEdit1.getHTMLBody().replace(</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">\'</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">g,</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">)</span></div>
这样可以把所有单引号去掉。注意js里面的replace和其他地方的不一样，它需要正则表达式的支持。
<img src ="http://www.blogjava.net/TiGERTiAN/aggbug/133119.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/TiGERTiAN/" target="_blank">TiGERTiAN</a> 2007-07-29 14:06 <a href="http://www.blogjava.net/TiGERTiAN/archive/2007/07/29/133119.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>VML 3D报表修正版</title><link>http://www.blogjava.net/TiGERTiAN/archive/2007/07/14/130280.html</link><dc:creator>TiGERTiAN</dc:creator><author>TiGERTiAN</author><pubDate>Sat, 14 Jul 2007 07:40:00 GMT</pubDate><guid>http://www.blogjava.net/TiGERTiAN/archive/2007/07/14/130280.html</guid><wfw:comment>http://www.blogjava.net/TiGERTiAN/comments/130280.html</wfw:comment><comments>http://www.blogjava.net/TiGERTiAN/archive/2007/07/14/130280.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/TiGERTiAN/comments/commentRss/130280.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/TiGERTiAN/services/trackbacks/130280.html</trackback:ping><description><![CDATA[终于放假了。。不过忙碌的时刻也到来了。。<br>目前做的项目需要做一个数据比例图，我就想用vml画饼图，不过从网上找的代码多多少少都有点问题，我从这里：<a href="http://infinity.cnblogs.com/archive/2006/03/02/340941.html">http://infinity.cnblogs.com/archive/2006/03/02/340941.html<font color=#000000>下了一个版本</font></a>。<br>这个版本乍看之下还可以，但是如果和项目一起的话就暴露出问题来了，首先由于这个版本Ajax部分（其实也不是Ajax，因为他只用了xmlhttp没有用异步的方式）写的有点问题所以他在头部加了一个<span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">Meta&nbsp;</span><span style="COLOR: #ff0000">http-equiv</span><span style="COLOR: #0000ff">="Refresh"</span><span style="COLOR: #ff0000">&nbsp;Content</span><span style="COLOR: #0000ff">="3"</span><span style="COLOR: #0000ff">&gt; <span style="COLOR: #000000">来刷新，如果我去掉这句话，当我用在项目里面的时候，第一次打开页面js报错，饼图显示不出来。<br></span><span style="COLOR: #000000">我修改之后的代码：<br></span>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><img src="http://www.blogjava.net/Images/OutliningIndicators/None.gif" align=top><span style="COLOR: #000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><img src="http://www.blogjava.net/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">&nbsp;readFile(url)<br><img id=Codehighlighter1_33_205_Open_Image onclick="this.style.display='none'; Codehighlighter1_33_205_Open_Text.style.display='none'; Codehighlighter1_33_205_Closed_Image.style.display='inline'; Codehighlighter1_33_205_Closed_Text.style.display='inline';" src="http://www.blogjava.net/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><img id=Codehighlighter1_33_205_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_33_205_Closed_Text.style.display='none'; Codehighlighter1_33_205_Open_Image.style.display='inline'; Codehighlighter1_33_205_Open_Text.style.display='inline';" src="http://www.blogjava.net/Images/OutliningIndicators/ContractedBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span id=Codehighlighter1_33_205_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff"><img src="http://www.blogjava.net/Images/dot.gif"></span><span id=Codehighlighter1_33_205_Open_Text><span style="COLOR: #000000">{<br><img src="http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">&nbsp;(createXMLHttp())<br><img id=Codehighlighter1_64_101_Open_Image onclick="this.style.display='none'; Codehighlighter1_64_101_Open_Text.style.display='none'; Codehighlighter1_64_101_Closed_Image.style.display='inline'; Codehighlighter1_64_101_Closed_Text.style.display='inline';" src="http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockStart.gif" align=top><img id=Codehighlighter1_64_101_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_64_101_Closed_Text.style.display='none'; Codehighlighter1_64_101_Open_Image.style.display='inline'; Codehighlighter1_64_101_Open_Text.style.display='inline';" src="http://www.blogjava.net/Images/OutliningIndicators/ContractedSubBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span id=Codehighlighter1_64_101_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff"><img src="http://www.blogjava.net/Images/dot.gif"></span><span id=Codehighlighter1_64_101_Open_Text><span style="COLOR: #000000">{<br><img src="http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;xmlUrl&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;createXMLHttp();<br><img src="http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</span></span><span style="COLOR: #000000"><br><img src="http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;xmlUrl.Open(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">GET</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,url,</span><span style="COLOR: #0000ff">false</span><span style="COLOR: #000000">);&nbsp;<br><img src="http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;xmlUrl.Send();<br><img src="http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif" align=top><br><img src="http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">return</span><span style="COLOR: #000000">&nbsp;bytes2BSTR(xmlUrl.ResponseBody);<br><img src="http://www.blogjava.net/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</span></span></div>
<br><span style="COLOR: #000000">还有就是饼图的table_left+all_height/8这种代码，没有加上括号，如果table_left有数值&gt;0的话，就会发现饼图不知道跑什么地方去了，所以一定要加上括号（table_left+all_height/8），其他暂时还没发现有什么问题。</span></span> <br><br><a href="http://www.blogjava.net/Files/TiGERTiAN/VML三维报表.rar">http://www.blogjava.net/Files/TiGERTiAN/VML三维报表.rar</a> <img src ="http://www.blogjava.net/TiGERTiAN/aggbug/130280.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/TiGERTiAN/" target="_blank">TiGERTiAN</a> 2007-07-14 15:40 <a href="http://www.blogjava.net/TiGERTiAN/archive/2007/07/14/130280.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>[转]json的一个简单例子</title><link>http://www.blogjava.net/TiGERTiAN/archive/2007/05/15/117566.html</link><dc:creator>TiGERTiAN</dc:creator><author>TiGERTiAN</author><pubDate>Tue, 15 May 2007 05:12:00 GMT</pubDate><guid>http://www.blogjava.net/TiGERTiAN/archive/2007/05/15/117566.html</guid><wfw:comment>http://www.blogjava.net/TiGERTiAN/comments/117566.html</wfw:comment><comments>http://www.blogjava.net/TiGERTiAN/archive/2007/05/15/117566.html#Feedback</comments><slash:comments>2</slash:comments><wfw:commentRss>http://www.blogjava.net/TiGERTiAN/comments/commentRss/117566.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/TiGERTiAN/services/trackbacks/117566.html</trackback:ping><description><![CDATA[之前我也做过json方面的东西，不过都快忘掉了。转篇文章，回忆一下。<br>来源：<a href="http://www.blogjava.net/emu/archive/2007/05/14/117416.html" target=_new><u><font color=#800080>http://www.blogjava.net/emu/archive/2007/05/14/117416.html</font></u></a><br>感谢emu和<a id=AjaxHolder_Comments_CommentList_ctl00_NameLink href="http://www.blogjava.net/sean/" target=_blank><u><font color=#800080>大胃</font></u></a><br><br><br>本来一直觉得这么基础的功能是没有什么好拿出来讲的，今天和网友聊天发现，由于缺乏对json的理解，很多人都还在继续带着自己的项目往ajax的方向进军，而完全不知道有一个好得多的替代品。所以写下这么个demo给大家参考：<br>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">HTML</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">HEAD</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">title</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">异步json例子</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">title</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">SCRIPT&nbsp;</span><span style="COLOR: #ff0000">LANGUAGE</span><span style="COLOR: #0000ff">="JavaScript"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"><br></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">function</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&nbsp;test(){<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&nbsp;s&nbsp;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&nbsp;document.createElement(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">SCRIPT</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">);<br>&nbsp;&nbsp;&nbsp;&nbsp;document.getElementsByTagName(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">HEAD</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">)[</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">].appendChild(s);<br>&nbsp;&nbsp;&nbsp;&nbsp;s.src</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">http://g2.qzone.qq.com/fcg-bin/cgi_emotion_list.fcg?uin=123456</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">;<br>}<br></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">function</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&nbsp;visitCountCallBack(data){<br>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">for</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&nbsp;i&nbsp;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">in</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&nbsp;data){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">&nbsp;e&nbsp;</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">document.getElementById(i);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">if</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">(e)&nbsp;e.innerHTML</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">data[i];<br>&nbsp;&nbsp;&nbsp;&nbsp;}<br><br>}<br></span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">SCRIPT</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br></span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">HEAD</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">BODY</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br></span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">button&nbsp;</span><span style="COLOR: #ff0000">onclick</span><span style="COLOR: #0000ff">="test()"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">test</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">button</span><span style="COLOR: #0000ff">&gt;&lt;</span><span style="COLOR: #800000">BR</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br>历史访问人数：</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">span&nbsp;</span><span style="COLOR: #ff0000">id</span><span style="COLOR: #0000ff">="visitcount"</span><span style="COLOR: #ff0000">&nbsp;style</span><span style="COLOR: #0000ff">="color:#6600CC"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">点击test按钮获取数据</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">span</span><span style="COLOR: #0000ff">&gt;&lt;</span><span style="COLOR: #800000">BR</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br>今天访问人数：</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">span&nbsp;</span><span style="COLOR: #ff0000">id</span><span style="COLOR: #0000ff">="dayvisit"</span><span style="COLOR: #ff0000">&nbsp;style</span><span style="COLOR: #0000ff">="color:#CC6633"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">点击test按钮获取数据</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">span</span><span style="COLOR: #0000ff">&gt;&lt;</span><span style="COLOR: #800000">BR</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br>阳光指数：</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">span&nbsp;</span><span style="COLOR: #ff0000">id</span><span style="COLOR: #0000ff">="sun"</span><span style="COLOR: #ff0000">&nbsp;style</span><span style="COLOR: #0000ff">="color:red"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">点击test按钮获取数据</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">span</span><span style="COLOR: #0000ff">&gt;&lt;</span><span style="COLOR: #800000">BR</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br>爱心指数：</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">span&nbsp;</span><span style="COLOR: #ff0000">id</span><span style="COLOR: #0000ff">="love"</span><span style="COLOR: #ff0000">&nbsp;style</span><span style="COLOR: #0000ff">="color:violet"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">点击test按钮获取数据</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">span</span><span style="COLOR: #0000ff">&gt;&lt;</span><span style="COLOR: #800000">BR</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br>雨露指数：</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">span&nbsp;</span><span style="COLOR: #ff0000">id</span><span style="COLOR: #0000ff">="rain"</span><span style="COLOR: #ff0000">&nbsp;style</span><span style="COLOR: #0000ff">="color:blue"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">点击test按钮获取数据</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">span</span><span style="COLOR: #0000ff">&gt;&lt;</span><span style="COLOR: #800000">BR</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br>营养指数：</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">span&nbsp;</span><span style="COLOR: #ff0000">id</span><span style="COLOR: #0000ff">="nutri"</span><span style="COLOR: #ff0000">&nbsp;style</span><span style="COLOR: #0000ff">="color:green"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">点击test按钮获取数据</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">span</span><span style="COLOR: #0000ff">&gt;&lt;</span><span style="COLOR: #800000">BR</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br>花匠级别：</span><span style="COLOR: #0000ff">&lt;</span><span style="COLOR: #800000">span&nbsp;</span><span style="COLOR: #ff0000">id</span><span style="COLOR: #0000ff">="gardener"</span><span style="COLOR: #ff0000">&nbsp;style</span><span style="COLOR: #0000ff">="color:#996633"</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000">点击test按钮获取数据</span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">span</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br></span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">BODY</span><span style="COLOR: #0000ff">&gt;</span><span style="COLOR: #000000"><br></span><span style="COLOR: #0000ff">&lt;/</span><span style="COLOR: #800000">HTML</span><span style="COLOR: #0000ff">&gt;</span></div>
<br>这里请求的资源是<br>返回的是类似这样的一个js语句 ：
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #000000">visitCountCallBack({</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">visitcount</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:</span><span style="COLOR: #000000">1941</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">dayvisit</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:</span><span style="COLOR: #000000">4</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">spacemark</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:</span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">markchange</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:</span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">sun</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:</span><span style="COLOR: #000000">200</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">love</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:</span><span style="COLOR: #000000">14</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">rain</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:</span><span style="COLOR: #000000">200</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">nutri</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:</span><span style="COLOR: #000000">200</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">level</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:</span><span style="COLOR: #000000">4</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">gardener</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">:</span><span style="COLOR: #000000">11</span><span style="COLOR: #000000">});</span></div>
<br><br>科普一下：<br>相比xml，json的好处是：天生的跨浏览器（比如我的这个demo应该可以跨所有支持dhtml的浏览器而不需要任何修改），客户端解析代价（CPU和内存）非常小，非单根结构（xml是单根结构），标记名只出现一次（xml的标记名在大多数情况下都需要出现两次：&lt;tag&gt;...&lt;/tag&gt;，因此浪费了很多流量）<br>主要缺点是只支持get方式请求，另外跨编码（json资源的编码和引用页面的编码不同）的时候要做一些特殊处理。比如汉字可以预先escape。<br>此外很多人并不知道json可以异步获取，这个例子很重要的一点是展示了如何异步获取json。 
<img src ="http://www.blogjava.net/TiGERTiAN/aggbug/117566.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/TiGERTiAN/" target="_blank">TiGERTiAN</a> 2007-05-15 13:12 <a href="http://www.blogjava.net/TiGERTiAN/archive/2007/05/15/117566.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>昨天好好研究了一下MapEasy</title><link>http://www.blogjava.net/TiGERTiAN/archive/2007/03/26/106360.html</link><dc:creator>TiGERTiAN</dc:creator><author>TiGERTiAN</author><pubDate>Mon, 26 Mar 2007 04:00:00 GMT</pubDate><guid>http://www.blogjava.net/TiGERTiAN/archive/2007/03/26/106360.html</guid><wfw:comment>http://www.blogjava.net/TiGERTiAN/comments/106360.html</wfw:comment><comments>http://www.blogjava.net/TiGERTiAN/archive/2007/03/26/106360.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/TiGERTiAN/comments/commentRss/106360.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/TiGERTiAN/services/trackbacks/106360.html</trackback:ping><description><![CDATA[看了好几遍源代码，还自己动手做了我们学校的简单GIS，发现ME真的很强大，扩展性也很好，虽然只是alpha，但是后面如果有大家的帮助，很快就会发展起来！<img src ="http://www.blogjava.net/TiGERTiAN/aggbug/106360.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/TiGERTiAN/" target="_blank">TiGERTiAN</a> 2007-03-26 12:00 <a href="http://www.blogjava.net/TiGERTiAN/archive/2007/03/26/106360.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>