jQuery Deferred: $.wenn() mit mehreren Objekten

Brauche ich eine Methode zum abrufen von verschiedenen Skripte, die mit einem Rückruf.
Diese Methode funktioniert ok:

fetchScripts:function() {
    var _this=this;
    $.when(
        $.ajax({
            url:_this.url + 'library/script-one.js',
            type:'get',
            cache:true
        }),
        $.ajax({
            url:_this.url + 'library/script-two.js',
            type:'get',
            cache:true
        }),
        { .... },
        $.ajax({
            url:_this.url + 'library/script-n.js',
            type:'get',
            cache:true
        })
    ).then(function() {
        console.log('fetch is done');

    })
},

Aber ich würde gerne mehr verallgemeinern die Methode, weil redundany steigt.
Ist es möglich, einen pass Versprechen auf $.wenn()?
Unten mein Erster Versuch - aber die url ist immer die gleiche, D. H. 'script-n.js'
Vielleicht habe ich den Punkt verpasst und man konnte veranschaulichen eine weitere "Schönheit" Lösung

fetchScripts:function() {
    this.deferred=new $.Deferred();
    this.promise=this.deferred.promise();
    var _this=this;
    $.each([
        'script-one.js',
        'script-two.js',
        ( .... ),
        'script-n.js'
    ],function() {
        _this.script=this;
        _this.promise.then(function(){
            return $.ajax({
                url:_this.url + 'library/' + _this.script,
                type:'get',
                cache:true
            })
        });
    });
    $.when(
        this.promise
    ).then(function() {
        console.log('fetch is done');

    });
    this.deferred.resolve();
},
InformationsquelleAutor campari | 2013-07-11
  1. 28

    Müssen Sie noch $.wenn. Aber stattdessen erstellen Sie ein array von Deferreds (oder verspricht) und dann bewerben Sie auf $.Wann:

    fetchScripts:function() {
    var base = this.url;
    var defaults = {
        type:'get',
        cache:true
    };

    var libraries = [
        'library/script-one.js',
        'library/script-two.js',
        'library/script-n.js'
    ];

    var deferreds = $.map(libraries, function(current) {
        var ajaxOptions = $.extend({ url:  base + current }, defaults);
        return $.ajax(ajaxOptions);
    });

    $.when.apply($, deferreds).then(function() {
        console.log('All done');
    });
}

    Alternativ zur Verlängerung des Standard-Einstellungen, Sie konnte einfach $.ajax(defaults).

    • Zugriff auf die Ergebnisse der latenten Werte, die Sie verwenden können, die arguments Magie variable innerhalb der anonymen Funktion übergeben .then;
    • Ich habe bemerkt, dass bei der Verwendung von dann(), wenn die Anforderung fehlschlägt, geben Sie Ihre Funktion, obwohl Sie nicht alle fertig, in der Erwägung, dass mit done () wird nur ausgeführt, wenn der Letzte bleiben wird beendet, egal, wenn einige ausfallen.
    InformationsquelleAutor Daff
  2. 4

    Versuchen

    fetchScripts: function() {
    var deferred = new $.Deferred();
    var _this=this;

    var promises = $.map([
        'script-one.js',
        'script-two.js',
        ( .... ),
        'script-n.js'
    ], function(item, idx) {
        return $.ajax({
            url:_this.url + 'library/' + item.script,
            type:'get',
            cache:true
        })
    });

    $.when.apply($, promises).then(function() {
        console.log('fetch is done');
        deferred.resolve()
    });
    return deferred.promise();
}
    • Ich denke du meinst $.map, nicht $.each. Auch nur item, nicht item.script 🙂
    • ja, copy paste Fehler
    InformationsquelleAutor Arun P Johny
Schreibe einen Kommentar