jQuery1.4.2的json提示parsererror问题

朴灿烈づ我的快乐病毒、 2022-08-01 12:19 84阅读 0赞

今天用到jquery来处理ajax，用到了json。但是很诧异，jquery的ajax回调时一直调用了error函数（一直提示parsererror异常），success函数一次没执行过 ![:evil:][evil] 。代码如下：

<table style="margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; font-size:1em!important; min-height:inherit!important; height:auto!important; border-collapse:collapse!important"> 
 <tbody style="margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; font-size:1em!important; min-height:inherit!important; height:auto!important"> 
  <tr style="margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; font-size:1em!important; min-height:inherit!important; height:auto!important"> 
   <td style="vertical-align:top!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:3em!important; line-height:1.1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; font-size:1em!important; min-height:inherit!important; height:auto!important; color:rgb(175,175,175)!important"> <code style="font-size:1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; margin:0px!important; padding:0px 0.3em 0px 0px!important; border:0px!important; outline:0px!important; text-align:right!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:2.7em!important; line-height:1.1em!important; min-height:inherit!important; height:auto!important; display:block!important">5</code></td> 
   <td style="vertical-align:top!important; margin:0px!important; padding:0px 0px 0px 0.5em!important; border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; outline:0px!important; float:none!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; font-size:1em!important; min-height:inherit!important; height:auto!important"> <code style="font-size:1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; min-height:inherit!important; height:auto!important">data:</code><code style="font-size:1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; min-height:inherit!important; height:auto!important; color:blue!important">'style='</code><code style="font-size:1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; min-height:inherit!important; height:auto!important">+Tstyle+</code><code style="font-size:1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; min-height:inherit!important; height:auto!important; color:blue!important">'&amp;content='</code><code style="font-size:1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; min-height:inherit!important; height:auto!important">+content,</code></td> 
  </tr> 
 </tbody> 
</table>

<table style="margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; font-size:1em!important; min-height:inherit!important; height:auto!important; border-collapse:collapse!important"> 
 <tbody style="margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; font-size:1em!important; min-height:inherit!important; height:auto!important"> 
  <tr style="margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; font-size:1em!important; min-height:inherit!important; height:auto!important"> 
   <td style="vertical-align:top!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:3em!important; line-height:1.1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; font-size:1em!important; min-height:inherit!important; height:auto!important; color:rgb(175,175,175)!important"> <code style="font-size:1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; margin:0px!important; padding:0px 0.3em 0px 0px!important; border:0px!important; outline:0px!important; text-align:right!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:2.7em!important; line-height:1.1em!important; min-height:inherit!important; height:auto!important; display:block!important">7</code></td> 
   <td style="vertical-align:top!important; margin:0px!important; padding:0px 0px 0px 0.5em!important; border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; outline:0px!important; float:none!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; font-size:1em!important; min-height:inherit!important; height:auto!important"> <code style="font-size:1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; min-height:inherit!important; height:auto!important">error:</code><code style="font-size:1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; font-weight:bold!important; min-height:inherit!important; height:auto!important; color:rgb(0,102,153)!important">function</code><code style="font-size:1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; min-height:inherit!important; height:auto!important">(data,t){alert(</code><code style="font-size:1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; min-height:inherit!important; height:auto!important; color:blue!important">"系统异常["</code><code style="font-size:1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; min-height:inherit!important; height:auto!important">+t+</code><code style="font-size:1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; min-height:inherit!important; height:auto!important; color:blue!important">"]"</code><code style="font-size:1em!important; font-family:'Bitstream Vera Sans Mono','Courier New',宋体,Courier,monospace!important; margin:0px!important; padding:0px!important; border:0px!important; outline:0px!important; float:none!important; vertical-align:baseline!important; position:static!important; left:auto!important; top:auto!important; right:auto!important; bottom:auto!important; width:auto!important; line-height:1.1em!important; min-height:inherit!important; height:auto!important">);$.chatCenter.sendEnd();}</code></td> 
  </tr> 
 </tbody> 
</table>

服务器返回结果为：\{id:"1",data:"none"\}

搞了很久，我把库换回1.3.1可以成功~~lol，最后发现是jQuery1.4.2这个版本引起的，1.4.2中jq把JSON的解析由原来的eval改为极其严格的$.parseJSON()来处理了。我在官方的说明文档中找到的，如下：

##### dataType   ...   "json": Evaluates the response as JSON and returns a JavaScript object. In jQuery 1.4 the JSON data is parsed in a strict manner; any malformed JSON is rejected and a parse error is thrown. (See [json.org][] for more information on proper JSON formatting.) #####

http://api.jquery.com/jQuery.ajax/

就是说 jQuery 1.4对服务端返回的JSON 数据要求比较严格，必须严格按照JSON的标准来了。

下面我把$.parseJSON的说明文档也摘要下来：

#### jQuery.parseJSON( json ) ####

Passing in a malformed JSON string will result in an exception being thrown. For example, the following are all malformed JSON strings:

\{test: 1\} (test does not have double quotes around it). 译：test两边必须有双引号 \{"test":1\}  
\{'test': 1\} ('test' is using single quotes instead of double quotes). 译：test两边的引号不能为单引号，一定要是双引号  
Additionally if you pass in nothing, an empty string, null, or undefined, 'null' will be returned from parseJSON. Where the browser provides a native implementation of JSON.parse, jQuery uses it to parse the string. For details on the JSON format, see http://json.org/.

现在什么都讲究标准啦，我们老老实实按标准来吧。我下面列举几个符合标准的例子：

\{"myvalue":1\}  
\{"myvalue":"red"\}  
\{"myvalue":\["black",250\]\}

[evil]: /images/20220731/31771d515bcf4648abb73a9cb5c06c63.png
[json.org]: http://json.org/