jQuery ajax读取本地json文件以及跨域问题
来源:互联网 发布:乔杉和修睿演的网络剧 编辑:程序博客网 时间:2024/06/13 18:44
jQuery ajax读取本地json文件以及跨域问题
作为一名前端,当我们想要动态异步加载数据的时候总找不到后台数据,这时我们可以自己建一个json文件用来异步操作。
1. data.json文件
{ "result": true, "users":[ { "firstName":"yi", "lasName":"dong", "age":"23" } ]}
2. ajax请求
注:这里我将json文件放在resource文件下
$.ajax({ url:'resource/data.json', type:'GET', dataType:'json', success:function(data){ if(data.result){ console.log(data.uses); } }})
习惯上我们开发人员会用谷歌浏览器,当开发浏览器的时候,会提示跨域的问题
这时候我们就要对我们的谷歌浏览器进行配置了
window上的配置:
1.右键浏览器-》属性
2.在属性中的目标输入框里加上 –disable-web-security 如图
记得 –disable-web-security前面又有个空格
关闭浏览器,重新打开就可以了。
mac上的配置:
(跟多同学估计刚开始的时候会发现不知道mac上的谷歌浏览器如何配置,找不到入口,因为mac要通过终端操作)
1.谷歌版本号48之前的版本,在终端输入:
open -a "Google Chrome" --args --disable-web-security
2.谷歌版本号49以后的版本,在终端输入:
open -a "Google Chrome" --args --disable-web-security --user-data-dir
会自动打开谷歌浏览器,并且如下图提示
然后就将你的网页打开,就可以解决跨域问题了。
0 0
- jQuery ajax读取本地json文件以及跨域问题
- jQuery ajax读取本地json文件
- ajax读取本地json文件
- JQuery读取本地Json文件
- JQuery读取本地JSON文件
- JQuery读取本地JSON文件
- JQuery读取本地json文件
- jQuery ajax读取json文件内容
- jQuery ajax读取json文件内容
- 读取本地json文件
- JavaWeb读取本地json文件以及乱码问题解决
- 通过jquery的ajax请求本地的json文件
- 使用jQuery——Ajax请求本地json文件
- jquery Ajax请求本地json
- Jquery读取json文件和xml文件以及解析
- jQuery读取JSON文件
- JQuery读取Json文件
- jQuery读取json文件
- Vue 测试实例-组件
- 第k个互质数
- PAT甲级练习1056. Mice and Rice (25)
- QT之数据库
- 第五届校内选拔javaB组-第二道题调和级数
- jQuery ajax读取本地json文件以及跨域问题
- sed编辑器简单使用(1)
- springmvc4开发学习(第二讲)
- 【面试真题】给定长度为n的数组,内部有n-2个整数出现了偶数次,和2个只出现奇数次的整数,找到这两个数
- Faas,又一个未来?
- JS实现浏览器打印、打印预览
- rails路由(2)
- 产品开发术语
- ABP入门系列(11)——编写单元测试