如何在jQuery中读取JSON文件的内容

Question

我正在尝试从API获取信息。基本上我有一个返回JSON数据的URL，我只需要使用它。

var url = "http://212.18.63.135:9034/played?sid=1&type=json";
$.getJSON(url, function(data) {
    console.log(data)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

以上是我的代码，它不起作用。 这是一个提供实时数据的API，所以我不确定我是否可以使用ajax ......

知道如何让它发挥作用吗？

更新

我更新了网址，现在它出现Access-Control-Allow-Origin错误。我看了一下与CORS相关的其他问题，他们都建议在服务器端进行配置，就像我理解的那样。但我不打算修复CORS错误，我只是在寻找访问这些JSON数据的解决方案。

所以我希望它不会重复，因为我的观点在这个问题上有所不同。

Answer 1

你可以这样做。

向您的网址添加callback=?会将您的请求转为JSONP，因此没有CORS

有关getJSON和JSONP的更多information。

如果您对JSONP的工作方式感兴趣，可以阅读article

var url = "http://212.18.63.135:9034/played?sid=1&type=json&callback=?";
$.getJSON(url, function(data) {
    console.log(data)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

如果您只是想在不对服务器进行任何更改的情况下访问数据。请尝试使用此扩展程序Allow-Control-Allow-Origin。

我刚用上面的测试，它工作正常。（虽然浏览器具体）

但这不是推荐的解决方案，您应该在服务器端设置配置。