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

Question

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

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 代替...

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

更新：

我更新了 URL，现在出现 Access-Control-Allow-Origin 错误。我查看了与 CORS 相关的其他问题，据我所知，他们都建议在服务器端进行配置。但我并没有考虑修复 CORS 错误，我只是在寻找一种解决方案来访问这些 JSON 数据。

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

Answer 1

你可以这样做。

将 callback=? 添加到您的 URL 将您的请求转换为 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

如果您只想在 server.Try 此 chrome 扩展 Allow-Control-Allow-Origin 中不做任何更改而访问数据。

我刚刚用上面的方法测试过，它工作正常。（虽然特定于浏览器）

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

How to read content of a JSON file in jQuery