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

会自动打开谷歌浏览器,并且如下图提示
这里写图片描述

然后就将你的网页打开,就可以解决跨域问题了。

GitHub 加速计划 / js / json
41.72 K
6.61 K
下载
适用于现代 C++ 的 JSON。
最近提交(Master分支:1 个月前 )
960b763e 4 个月前
8c391e04 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐