Wie verwende ich q.js, um das Backbone-Modell zu verketten?

Question

Ich habe Folgendes:

var q = new app.models.OverwriteLineItemsProcess();
q.set('id', $("#process_id").val());
q.saveSource($("#source_quote").val());
q.lockSource();

saveSource sendet Daten mit Ajax an das Backend.So ist es auch lockSource.

Ich möchte auf diese SEQUENTIELLE Weise ausführen:Quelle speichern >> lockSource.

Wie schreibe ich die q.js, damit es funktioniert?

Mit q.js meine ich https://github.com/kriskowal/q

UPDATE:saveSource und lockSource hinzugefügt

saveSource: function (quotation_id) {;
        var type = "PUT";
        var verb = "Updated";
        var headers = {
             'X-HTTP-Method-Override': type
        };

        var url = app.base_url + "/overwrite_line_items/" + this.id;
        this.set('source_quote', quotation_id);
        var data = this.toFormData();
        var result = false;
        var currentModel = this;
        var settings = {
            headers: headers,
            type: type,
            url: url,
            data: data,
            success: function(json) {
                response = JSON && JSON.parse(json) || $.parseJSON(json);
                console.log(response);
                currentModel.lockSource();
                $("#facebox-source-quote-status").html('<font color="green">SELECTED</font>');
            },
            error: function(response) {
                $("#facebox-source-quote-status").html('<font color="red">UNABLE TO SELECT</font>');
            },
            dataType: 'json'
        };
        $.ajax(settings).done(function() {
        });
    },

    lockSource: function () {
        var type = "PUT";
        var verb = "Updated";
        var headers = {
             'X-HTTP-Method-Override': type
        };

        var url = app.base_url + "/quotations/is_editable/" + this.attributes.source_quote;

        var data = this.toFormData();
        var result = false;
        var currentModel = this;
        var settings = {
            headers: headers,
            type: type,
            url: url,
            data: data,
            success: function(response) {
                console.log(response);
            },
            error: function(response) {
                $("#facebox-source-quote-status").html('<font color="red">UNABLE TO SELECT</font>');
            },
            dataType: 'json'
        };
        $.ajax(settings).done(function() {
        });
    },

Answer 1

Der jQuery.ajax die von Ihnen verwendete Funktion gibt bereits ein Versprechen für das Ergebnis zurück.Sie müssen das nur von Ihren Funktionen zurückgeben:

saveSource: function (quotation_id) {;
    …
    var settings = {
        headers: headers,
        type: type,
        dataType: 'json', // jQuery will automatically parse it for you
        url: url,
        data: data
    };
    return $.ajax(settings).done(function() {
//  ^^^^^^
        $("#facebox-source-quote-status").html('<font color="green">SELECTED</font>');
        // notice I did remove the currentModel.lockSource(); call from the callback
    }, function() {
        $("#facebox-source-quote-status").html('<font color="red">UNABLE TO SELECT</font>');
    });
},
lockSource: function () {
    …
    var settings = // analoguous, no callbacks here
    return $.ajax(settings).fail(function(response) {
        $("#facebox-source-quote-status").html('<font color="red">UNABLE TO SELECT</font>');
    });
}

Jetzt können Sie sie einfach verketten:

var q = new app.models.OverwriteLineItemsProcess();
q.set('id', $("#process_id").val());
q.saveSource($("#source_quote").val()).then(function(saveResponse) {
    console.log(saveResponse);
    return q.lockSource();
}).done(function(lockResponse) {
    console.log(lockResponse);
});

Du brauchst nicht einmal Q dafür.Wenn Sie es verwenden möchten, wickeln Sie die $.ajax() anrufe in einem Q() aufruf, wie in der erklärt Konvertieren von jQuery-Versprechen in Q abschnitt der Dokumente.