getJSON外部URL - 输出不出现在div中

Question

内容中没有任何内容。

jQuery(function($) {

$.getJSON('http://countdown.tfl.gov.uk/stopBoard/55191')
    .success(function(response) {
        var $content = $('#content')
            .html(response.arrivals[0].destination);

        });
});

DIV部分：

 <div id="content"></div>

小提琴：http://jsfiddle.net/zax2n/1/

Answer 1

正如其他评论中所提到的，因为您收到了Access-Control-Allow-Origin标头错误，所以没有发生任何事情。但是，有一个简单的方法：JSONP。

$.ajax("http://countdown.tfl.gov.uk/stopBoard/55191", {
    dataType: "jsonp",
    success: function(data){
        console.log(data);
    },
    error: function(data, textStatus, errorThrown){
        console.log(textStatus);
    }
});

通过指定您正在请求JSONP的longhand $.ajax()方法，您将获得JSON对象作为响应。

查看此updated fiddle。打开你的控制台，你会发现一切正常，但是有一个解析错误（你回来的JSON可能会出错）。