最近在帮朋友解决$.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就能正常读取。
另外,关于ie浏览器正常接收数据,而用 chrome浏览器不能接收数据的问题,是由于Chrome没开xmlhttprequest去加载本地文件,可以用Chromed 开始命令--allow-file-access-from-files,这个方法我没测试用,此方法引自上文的链接