Функция jQuery .done не запускается в IE

Question

Функция jQuery .done не запускается в IE

0

В следующем JS функция.done запускается в FF, Chrome и Opera, однако в IE 10 и ниже она не исчезает. Идея этого - захват уникального идентификатора из URL-адреса, позволит коду решить, какой фотосет захвачен из учетной записи Flickr и отображен в слайдере, который будет использоваться в iFrame позже. Однако, когда дело доходит до IE10 и ниже,.done, кажется, полностью пропущен. Все, что находится ниже.getJSON, игнорируется.

$(window).load(function() {
    var pathname = window.location.pathname;
    var photoSetId = ['72157638321110124','72157638320688146','72157638320892573','72157638320142195', '72157638319052975'];
    var setNum = window.location.href.split('?')[1];
    var user = '110468775@N05';
    var apiKey = 'fa3bd9c48f711aef070622ba60014b21';
    var photoset = photoSetId[setNum];
    var flickr = 'http://api.flickr.com/services/rest/';
    $.getJSON( flickr, {
        method: "flickr.photosets.getPhotos",
        nojsoncallback: 1,
        extras: "original_format",
        api_key: apiKey,
        photoset_id: photoset,
        privacy_filter: '1',
        format: 'json'
    })
    .done(function(data) {
        console.log(data);
        $.each( data.photoset.photo, function(i, item ) {
            var url = 'http://farm' + item.farm + '.staticflickr.com/' + item.server + '/' + item.id + '_' + item.originalsecret + '_o.jpg';
            var $li = $("<li>");
            var $img = $("<img>").attr('src', url);
            $img.appendTo($li);
            $li.appendTo('.bjqs');
        });

        $('#slider').bjqs({
            'height': 360,
            'width': 640,
            'showcontrols': true,
            'centercontrols': true,
            'showmarkers': false
        });
    });
});

CodingCarpenter 04 дек. 2013, в 22:39

Источник

0

ты удивлен?
Captain Ron 04 дек. 2013, в 20:49
0

Проверьте консоль ошибок и вкладку сети.
Jason P 04 дек. 2013, в 20:50
0

Я хотел бы предположить, что запрос не возвращает JSON, который IE считает допустимым, поэтому он молча терпит неудачу.
Jivings 04 дек. 2013, в 20:51
0

приводит ли nojsoncallback к запросу cors, а не к JSONP? oldIE не поддерживает CORS в jquery без добавления транспорта ajax для обработки кодов IE.
Kevin B 04 дек. 2013, в 20:52
0

Почему вы используете nojsoncallback ?
Kevin B 04 дек. 2013, в 20:54
0

@Kevin Хорошо, если я не использую обратный вызов nojsoncall, вся вещь перестает работать в любом браузере. Я не совсем уверен, что это не так, я нашел это при просмотре страниц API Flickr, и это исправило предыдущую проблему.
CodingCarpenter 04 дек. 2013, в 20:58
0

«Ну, если я не использую обратный вызов nojsoncall, вся эта штука перестанет работать в любом браузере». Это хорошо, по крайней мере, она постоянно дает сбой во всех браузерах. Теперь все, что вам нужно сделать, это указать jquery использовать jsoncallback в качестве параметра обратного вызова, а не обратного вызова. var flickr = 'http://api.flickr.com/services/rest/?jsoncallback=?';
Kevin B 04 дек. 2013, в 21:01
0

@ Кевин Чувак, ты молодец, абсолютно правильно, что исправил это. Если вы хотите опубликовать это как ответ, чтобы я мог пометить его, я сделаю это.
CodingCarpenter 04 дек. 2013, в 21:08

Показать ещё 6 комментариев

Теги:

javascript

jquery

internet-explorer

1 ответ

Ещё вопросы

Проверьте консоль ошибок и вкладку сети.
Я хотел бы предположить, что запрос не возвращает JSON, который IE считает допустимым, поэтому он молча терпит неудачу.
приводит ли nojsoncallback к запросу cors, а не к JSONP? oldIE не поддерживает CORS в jquery без добавления транспорта ajax для обработки кодов IE.
@Kevin Хорошо, если я не использую обратный вызов nojsoncall, вся вещь перестает работать в любом браузере. Я не совсем уверен, что это не так, я нашел это при просмотре страниц API Flickr, и это исправило предыдущую проблему.
«Ну, если я не использую обратный вызов nojsoncall, вся эта штука перестанет работать в любом браузере». Это хорошо, по крайней мере, она постоянно дает сбой во всех браузерах. Теперь все, что вам нужно сделать, это указать jquery использовать jsoncallback в качестве параметра обратного вызова, а не обратного вызова. var flickr = 'http://api.flickr.com/services/rest/?jsoncallback=?';
@ Кевин Чувак, ты молодец, абсолютно правильно, что исправил это. Если вы хотите опубликовать это как ответ, чтобы я мог пометить его, я сделаю это.

Kevin B · Accepted Answer · 2013-12-04T18-51-00.000Z

Он работает во всех браузерах, кроме IE, потому что все браузеры, отличные от IE, поддерживают CORS с объектом XmlHTTPRequest, тогда как IE требует использования объекта XDomainRequest вместо IE11.

Чтобы исправить это, замените на jsonp, удалив параметр nojsoncallback, затем добавьте параметр jsoncallback в URL-адрес flickr, чтобы jquery знал, где поставить имя обратного вызова для flickr api.

var flickr = 'http://api.flickr.com/services/rest/?jsoncallback=?';
$.getJSON( flickr, {
    method: "flickr.photosets.getPhotos",
    //nojsoncallback: 1,
    extras: "original_format",
    api_key: apiKey,
    photoset_id: photoset,
    privacy_filter: '1',
    format: 'json'
})