Javascript getJSON外部URL-输出未出现在div中

内容中没有显示任何内容

jQuery(function($) {

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

        });
});

分区组：

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

---

Fiddle:

如其他评论中所述，由于您收到了访问控制允许源站标头错误，所以没有发生任何事情。然而，有一种简单的方法：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);
    }
});

通过longhand

$.ajax（）

方法指定您正在请求JSONP，您将得到JSON对象的响应

---

看看这个。打开控制台，您将看到一切正常，但出现了一个解析错误（您返回的JSON可能格式不正确）。

XMLHttpRequest无法加载http://countdown.tfl.gov.uk/stopBoard/55191. 请求的资源上不存在“Access Control Allow Origin”标头。起源'http://fiddle.jshell.net因此，不允许访问。

始终检查您的控制台是否有错误。这里也回答了这一问题，并提供了解释/示例：基本上，您无法访问自己服务器之外的资源，这是web开发中的一个已知问题（尽管有一些解决方法）。您必须使用jsonp或执行跨源请求。Ofc服务器必须支持其中一个。我不知道如何使用JS检索和操作数据。有任何示例吗？使用（部分代码）再次尝试-仍然没有。第10行缺少

+

。需要是：

$（“body”）.append（“+$routeid+$routename+”）您应该得到警报错误。报告了格式错误的JSON输出。如果我使用PHP而不是JS，它怎么会工作呢？我不确定，TBH。但这是一个很好的、具体的问题，现在您知道如何使用ajax获取它了。