getJson 问题返回数组

Question

我正在尝试解析 JSON 文件中的一些数据。有问题的 JSON 文件可以在这里看到：http://api.bandsintown.com/artists/weezer/events.json

我使用 jQuery 通过 $.getJSON 函数检索 JSON 文件，但是当我尝试附加数据或尝试在警报框中显示它时没有任何反应。

代码：

$.getJSON("api.bandsintown.com/artists/weezer/events.json", function(result) {

    $.each(result, function(key, val) {
        alert(key + val);
    });

});

我使用了几种方法，但似乎找不到问题。

Answer 1

看起来您正在 AJAX 中执行跨域请求。所以它不起作用。

试试jsonp：

$.getJSON("http://api.bandsintown.com/artists/weezer/events.json?callback=? 
&app_id=ramesh", function(result) {

    $.each(result, function(key, val) {
      alert(key + val);
    }); 

});

工作小提琴：http://jsfiddle.net/WtaPu/1/

app_id 发送参考http://www.bandsintown.com/api/authentication

Answer 2

每当您在 AJAX 中执行跨浏览器请求时，您都需要使用 JSONP：http://api.jquery.com/jQuery.getJSON/

Answer 3

在我的控制台上尝试，我得到以下信息：

[Error] XMLHttpRequest cannot load http://api.bandsintown.com/artists/weezer/events.json. Origin http://localhost is not allowed by Access-Control-Allow-Origin. 

这个“问题”称为跨域资源共享（又名CORS）：

本文档定义了一种启用客户端跨域请求的机制。使 API 能够对资源进行跨域请求的规范可以使用本规范定义的算法。如果在 example.org 资源上使用此类 API，则 hello-world.example.org 上的资源可以选择使用本规范描述的机制（例如，指定 Access-Control-Allow-Origin: example.org 作为响应标头)，这将允许从 example.org 跨域获取该资源。

这是一种安全机制，默认情况下，浏览器和服务器在跨站点检索数据时应用该机制。 CORS 的 W3C 建议 说服务器必须实现标头 Access-Control-Allow-Origin，或者将您的服务器指定为允许，或者允许所有人从中获取数据（使用通配符 *）：

用户代理通常对网络请求应用同源限制。这些限制阻止从一个源运行的客户端 Web 应用程序获取从另一个源检索的数据，并且还限制了可以自动向与运行应用程序的源不同的目的地发起的不安全 HTTP 请求。

这仅适用于用户代理（主要是浏览器）。因此，例如，尝试通过 ruby​​ 获取数据会相应地产生它：

require 'open-uri'
open("http://api.bandsintown.com/artists/weezer/events.json"){|f| f.read()}

这将返回一个包含 JSON 的字符串。

关于 JSONP：您也无法使用它 - 服务器必须在回调函数中返回 JSON 数据：

my_callback([{"valid_json":"no!"},{"valid_javascript":"yes!"}])

这将通过脚本标签完成（如果支持）：

<script type="text/javascript" src="http://api.bandsintown.com/artists/weezer/events.json?jsonp=my_callback"></script>

来源：W3C

Answer 4

使用卷曲

$to=curl_init('http://api.bandsintown.com/artists/weezer/events.json');

curl_setopt( $to, CURLOPT_POST, true );
curl_setopt( $to, CURLOPT_RETURNTRANSFER, true );
curl_setopt( $to, CURLOPT_POSTFIELDS, $post );
curl_setopt( $to, CURLOPT_SSL_VERIFYPEER, false);
$result = curl_exec( $to);// final result