JQuery Ajax() возвращает объект с ошибкой

Это мой код:JQuery Ajax() возвращает объект с ошибкой

$("document").ready(function() { 
    var jqxhr = $.ajax({ 
     url: "http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", 
     success: function() { 
      $("#foo").text("second success"); 
     }, 
     error: function (xhr, status, error) { 
      $("#foo").text(JSON.stringify(xhr)); 
     }, 
     complete: function() { 

     } 
    }); 
    });

Это разметка:

<body> 
    <div id="foo"></div> 
</body>

Данные, которые возвращаются (сериализованная и помещают в #foo) является:

{ 
"readyState":0, 
"responseText":"", 
"status":0, 
"statusText":"error" 
}

У меня нет понятия, что я делаю неправильно. Пожалуйста помоги.

Вот скрипку: http://jsfiddle.net/U2gm9/4/

источник

2013-11-11 dopatraman

Я только что перешел на этот URL и не получил никаких ошибок. Блокирован ли flickr.com, где вы находитесь? Что произойдет, если вы введете этот URL-адрес в веб-браузер? – rhughes

Пожалуйста, внимательно прочитайте документацию. Обратный вызов 'error' делает ** не ** получать один аргумент' data'. – Phil

@ Phil - Я знаю это, я положил его только ради удобства. На реальном вызове я бы добавил соответствующие аргументы. – dopatraman

Try установка dataType: 'jsonp'

$("document").ready(function() { 
    var jqxhr = $.ajax({ 
     url: "http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", 
     dataType:'jsonp', 
     success: function() { 
      $("#foo").text("second success"); 
     }, 
     error: function() { 
      $("#foo").text("error"); 
     }, 
     complete: function() { 

     } 
    }) 
});

Демо: Fiddle

Использование $.getJSON()

$("document").ready(function() { 
    $.getJSON('http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?').done(function (data) { 
     $("#foo").text("second success"); 
     console.log(data) 
    }).fail(function() { 
     $("#foo").text("error"); 
    }).always(function() {}) 
});

Demo: Fiddle

источник

2013-11-11 04:22:23

Что делать, если сервер, на который я отправляю запрос, не поддерживает JSONP? – dopatraman

@codeninja, поскольку вы делаете запрос ajax для перекрестного домена, целевой ресурс должен поддерживать jsonp, или если вы хотите поддерживать только современные браузеры, тогда вы можете посмотреть [CORS] (https://developer.mozilla.org/en/docs/HTTP/Access_control_CORS) –

Кажется, что CORS не требует, чтобы я добавлял что-либо к моему вызову ajax ... или я что-то упускаю? Пример в ссылке, которую вы отправили, напоминает то, что у меня выше. – dopatraman

JQuery Ajax() возвращает объект с ошибкой

ответ

Смежные вопросы