如何用 jquery 和 ajax 读取 json 本地文件？答案

【问题标题】：How read json local file with jquery with ajax?如何用 jquery 和 ajax 读取 json 本地文件？
【发布时间】：2012-04-30 16:10:00
【问题描述】：

我只有 js 项目。我从我的静态 index.html 文件中调用 json 文件内容。

我尝试（不工作）：

 $.getJSON('/js/test.json&callback=?',
   function() {
    alert('1111111111111111');
 },'jsonp');

在 chrome 中编辑获取： XMLHttpRequest 无法加载 file:///somefolder/test/data.json。 Access-Control-Allow-Origin 不允许 Origin null

谢谢

【问题讨论】：

【解决方案1】：

您在回调中缺少数据变量！

$.getJSON('/js/test.json', function(data) {
    console.log('JSON data received:', data);
});

【讨论】：

不工作！我使用 jsonp 是因为我在没有运行它的服务器的情况下访问本地文件。
XMLHttpRequest 无法加载 file:///somefolder/test/data.json。 Access-Control-Allow-Origin 不允许 Origin null。

【解决方案2】：

您可以从本地来源检索json，它不需要是jsonp，即使它做了您正在做的事情也不是您如何做的。

$.getJSON('http://yours.com/js/test.json',
   function() {
   alert('1111111111111111');
});

【讨论】：

不工作！我使用 jsonp 是因为我在没有运行它的服务器的情况下访问本地文件。
XMLHttpRequest 无法加载 file:///somefolder/test/data.json。 Access-Control-Allow-Origin 不允许 Origin null。
文件必须与请求在同一个域中。