ajax接收json数据不全,ajax获取json文件数据遇到的坑

今天做ajax访问json文件数据的时候遇到了灵异事件，首先，对于XX.json文件的使用，我是第一次。好吧，也不是灵异事件，只是经验不足造成的错误。

先来个简洁版的案情重现。

页面中的一些数据需要通过接口获取，这里的数据放到了xx.json文件里，当然，通过ajax请求的就是这个xx.json文件了。

ajax请求是用的jQuery的$.ajax()方法，既然是填坑，就针对坑来说，代码如下：

$(function(){

$.ajax({

url: 'data.json',

type: 'get',

dataType: 'json',

success: function(){

alert('正确的');

},

error: function(){

alert('出错了');

}

});

});

保证文件路径以及$.ajax方法是写对了的。

那再看data.json文件，文件内容如下：// 模拟查询输出的数据

{

"id": "1",

"title": "AJAX练习",

"cid":"2",

"content": "ajax练习，json后缀文件和jquery的ajax中dataType的相关问题。"

}

运行弹出‘出错了’！

我请求的是json格式的数据啊，通过Chome的开发人员工具查看Network请求，也是OK的啊，jQuery设置的dataType也是json啊。为毛？

把dataType换成‘text’试试，成功弹出‘正确的’！

Tell me why? why? why? why?

因为，获取的这个‘json’包含了前面的注释掉的字符串!输出的字符串内容就似下面的：'//xxx\n\r{"key":"value"}'

这就已经不是json了格式了，因为注释信息的字符串，使格式错误，jQuery不能把上面代码转换成json对象。

正确的应该是去掉多余的不相关的信息，包括、尤其是注释信息。

dataType设成json，把data.json文件里的内容改成下面的：{

"id": "1",

"title": "AJAX练习",

"cid":"2",

"content": "ajax练习，json后缀文件和jquery的ajax中dataType的相关问题。"

}

就对了。

以前都是通过echo json_encode()输出的的，内容干净，这次直接写了个XX.json文件存临时存了数据，还给个注释标注一下，结果就掉坑里了。

请教大神，大神也没发现，自己一步一小测，终于找到这个坑，填上了。

难道程序员真的都看不见注释掉的内容？