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

正如在其他 cmets 中所提到的，没有发生任何事情，因为您收到 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);
    }
});

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

看看这个updated fiddle。打开你的控制台，你会看到一切正常，但是有一个解析错误（你返回的 JSON 可能格式不正确）。