jquery加载本地json报错 解决方案

jquery加载本地json报错

今天用webstorm写一个echarts展示json数据时遇到了这个问题，使用$.ajax请求本地json文件时出现错误（这个错误在使用webstorm不会发生，直接从项目文件中打开html时会出现，无法获取json）

导致问题的原因：ajax json跨域请求 ，json无法正确解析

解决办法：

1. 大多数是建议使用jsonp 回调函数
2. 其次是修改谷歌浏览器配置
3. 以上两个都比较麻烦，最后找到解决办法如下，重点是第二点：
   1.在$.ajax()中添加属性 dataType: "jsonp"和 crossDomain: true,（注意：这里datatype不再是json）
   
   2.对xxx.json(你的json文件）进行修改，在json文件最外层加上你的ajax success执行的回调函数名（我写的是genetree()，上图已圈出）再加括号（）把json文件包含起来，然后再次访问就没问题了，这一点很多博客都没讲清楚，为此搞了大半个小时…
   下面是我修改过的json文件截图。
   

最后json展示结果

这么看来操做其实也并不比第一种简单，具体jsonp的原理，请百度了解。