从站点同一文件夹中的扩展json文件请求数据，并在html页面bu jQuery中使用它

Question

我有这个.json文件

{ 
"Link": "test1",
"Code": "test2" 
}

我想通过jQuery.getJSON((在我的HTML页面中使用它或者任何东西，如果工作

当我像这个一样使用这个功能时

var jqxhr = jQuery.getJSON('json.json', function () {
console.log('success');
})
.done(function () {
console.log('second success');
})
.fail(function () {
console.log('error');
});

控制台中：

访问'XMLHttpRequestfile:///C:/xampp/htdocs/json.json"from origin"null"已被CORS策略阻止：跨来源请求仅支持以下协议方案：http、data、chrome extension、edge、https、chrome unstrusted。"。

错误

json.json:1加载资源失败：net:：ERR_Failed

Answer 1

由于CORS限制，您的浏览器正在阻止json请求，如果没有本地服务器运行，就无法修复它。

请尝试以下操作来测试您的网站：https://www.npmjs.com/package/http-server

使用本地服务器，浏览器将识别具有相同来源的JSON文件。

要了解更多关于CORS的信息：https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS