javascript - 从 URL 获取 JSON 文件，XMLHttpRequest 无法加载错误

Question

我需要从 URL 读取一个 JSON 文件并显示。 我已经阅读了很多帖子，但仍然无法解决问题。

网址:http://webapp.armadealo.com/home.json

我遇到这个错误:XMLHttpRequest 无法加载

代码如下

$.getJSON("http://webapp.armadealo.com/home.json", function(data){
alert(data);
});

我试过添加到 url

&callback=?

并使其成为一个 jsonp，仍然没有运气。我也用过

<meta http-equiv="Access-Control-Allow-Origin" content="*" />

仍然没有运气。

我们需要在服务器端做些什么吗？ 遇到过此类错误并找到解决方案的人，请帮助我! 非常感谢!

Answer 1

出于安全原因，您不能发出这样的跨域 AJAX 请求。因此，如果您想从另一个域加载内容，则必须使用一种解决方法:JSONP ( more info , example )

为 AJAX 请求使用以下代码:

$.ajax({
    url: 'http://webapp.armadealo.com/home.json',
    type: 'GET',
    jsonpCallback: 'myCallback',
    dataType: "jsonp",
    success: function(data) {
        console.log(data);
    }
});

为了使其工作，您必须将 JSON 数据括在括号中并在开头添加回调名称:

myCallback({ ... JSON ... })

编辑:刚刚注意到您已经尝试过使用 JSONP...好吧，至少上面的代码对我有用，也许您想试一试。 ;)