getJSON external URL - вывод не появляется в div

0

В содержании ничего не отображается.

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/

  • 3
    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. Всегда проверяйте консоль на наличие ошибок.
  • 0
    Здесь также дан ответ и объяснение / примеры: stackoverflow.com/a/19821851/3535297
Показать ещё 4 комментария
Теги:
getjson

1 ответ

0

Как упоминалось в других комментариях, ничего не происходит, потому что вы получаете ошибку заголовка 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 может быть искажен).

  • 0
    Пробовал снова, используя jsfiddle.net/W6new/5 (часть вашего кода) - все равно ничего.
  • 0
    Вам не хватает + в строке 10. Должно быть: $("body").append('<div>' + $routeid + $routename + '</div>'); Вы должны получить предупреждение об ошибке.
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню