关于测试$.getJSON获取json数据的问题

来源：互联网发布：网络博客钱能追回来吗编辑：程序博客网时间：2024/06/03 13:15

最近在帮朋友解决$.getJSON问题时遇到的情况，记录下来，希望能帮助到别人

$.getJSON是后去本地后者本地json数据的。首先，不管是获取网络或本地数据有问题，可以通过输出错误信息来查看原因，例如

$.getJSON("/Scripts/Menus.json", function (json) { console.log(json.menus[0].menuid) }).error(function (jqXhr, textStatus, error) {                console.log("ERROR: " + textStatus + ", " + error);            });

在网页脚本中能查看错误原因，注意，只适用于jQuery 1.5+版本，此方法在http://stackoverflow.com/questions/13871625/jquery-getjson-load-local-json-file-not-working看到

其次，获取网络数据的时候，我没有遇到问题，就不多说

然后，测试获取本地数据，应该注意路径问题，我测试全路径时显示 “日志: ERROR: error, No Transport ”，貌似全路径不行，在mvc测试时用以前的路径测试通过，测试时请注意浏览器缓存问题，刷新可能获取的是上次的数据。在获取本地数据过程中，发现有个问题，如果直接在js中定义json变量，能正常解析，但放到本地文件中读取，就会报“日志: ERROR: parsererror, SyntaxError: 无效字符 ”错误，通过测试，读取本地文件json的时候，json数据里面不能嵌套json数据，例如

{ "menus": [{ "menuid": "1", "icon": "icon-sys", "menuname": "控件使用","menus": [{ "menuid": "11", "menuname": "我的博客", "icon": "icon-nav", "url": "http://www.cnblogs.com/WikStone/" },{ "menuid": "12", "menuname": "添加用户", "icon": "icon-add", "url": "demo.html" },{ "menuid": "13", "menuname": "用户管理", "icon": "icon-users", "url": "/Sys/User/List.aspx" },{ "menuid": "14", "menuname": "角色管理", "icon": "icon-role", "url": "demo2.html" },{ "menuid": "15", "menuname": "权限设置", "icon": "icon-set", "url": "demo.html" },{ "menuid": "16", "menuname": "系统日志", "icon": "icon-log", "url": "demo1.html" }]}]}

去掉里面的menus就能正常读取。

另外，关于ie浏览器正常接收数据，而用chrome浏览器不能接收数据的问题，是由于Chrome没开xmlhttprequest去加载本地文件，可以用Chromed 开始命令--allow-file-access-from-files，这个方法我没测试用，此方法引自上文的链接

0 1