В содержании ничего не отображается.
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/
Как упоминалось в других комментариях, ничего не происходит, потому что вы получаете ошибку заголовка 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.
Ознакомьтесь с этой обновленной скрипкой. Откройте консоль, и вы увидите, что все работает, но есть ошибка синтаксического анализа (возвращаемый JSON может быть искажен).
+
в строке 10. Должно быть: $("body").append('<div>' + $routeid + $routename + '</div>');
Вы должны получить предупреждение об ошибке.
XMLHttpRequest cannot load http://countdown.tfl.gov.uk/stopBoard/55191. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://fiddle.jshell.net' is therefore not allowed access.
Всегда проверяйте консоль на наличие ошибок.