jQuery-ajax请求本都json文件,以及load加载本地文件出现跨域错误的解决方案
html>
Documentimg{
height: 100px;
}
$.ajax({
type: "GET",
url: "./list.json",
dataType: "json",
success: function (result) {
var lis = result.data.object_list
console.log(lis)
for (var i = 0; i
$('.box').find('ul').append("
" + lis[i].msg + "")$('.box').find('ul li').eq(i).find("img").attr("src", lis[i].photo.path)
}
}
});
但是在请求数据过程中一直会报这么一个错:
Access to XMLHttpRequest at 'file:///F:/%E4%BB%A3%E7%A0%81/Jquery/a.txt' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supportedforprotocol schemes: http, data, chrome, chrome-extension, https.
禁止跨域是浏览器的安全限制机制,在每个浏览器下都有,如在chrome、Firefox、opera 、360 都是这样的,同样会报告上述错误,但是可以通过设置来绕过这个限制(如果经常 完前端代码 建议在本机装个web容器。。。),常见的方式是 右击chrome快捷方式,选择“属性”,在“快捷方式”下的“目标”中添加" --allow-file-access-from-files"(最前面有个空格),重启chrome即可如下: