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

最近在帮朋友解决$.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",{ "menuid": "16","menuname": "系统日志","icon": "icon-log","url": "demo1.html" }
						]
				}
		]
}

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!