Question

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

url：http://webapp.armadealo.com/home.json

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

代码在

之下

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

我已尝试添加到网址

&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 ......好吧，至少上面的代码对我有用，也许你想尝试一下。 ;）

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

1 个答案: