将第二个查询的结果添加到第一个查询的答案

Question

我有一个问题，至少有一个then（）函数没有等待前面的函数结束。

代码被缩短了，但大致如下：

        var objCheck = {};
    var id = thisClick.attr('id');
    APP.db.checkInfo.get(id).then(function (resultDetail) {
        objCheck.details = resultDetail;
    }).then(function () {
        var checkPoints = APP.db.checkRooms.where('check_id').equals(id);
        checkPoints.toArray(function(dataArray) {
            dataArray.measures = [];
            objCheck.checkpoints = dataArray;
        });
    }).then(function () {
        var arrayLength = objCheck.checkpoints.length;
        for (var i = 0; i < arrayLength; i++) {
            var roomId = objCheck.checkpoints[i].room_id;
           var measure = APP.db.measures.where('room_id').equals(roomId);
           measure.toArray(function(dataArray) {
            objCheck.checkpoints[i].measures = dataArray;
        });
        }
    }).then(function () {
        $.ajax(
         // Here I send then objCheck to the server
       ).done(...);
    }).catch(function(error) {
     alert ("Error upload: " + error);
    });

如果我最后将 objCheck 打印到控制台，我会看到测量值已填写。但是在 ajax（） 调用中，它不会发送。所以在我看来，最后一个 then（） 在第二个最后一个完成之前运行。

这

似乎是我这边的误会。有人能告诉我我的逻辑有什么问题吗？

Answer 1

你必须在每个

回调中返回一些东西（promise或只是对象，数组，...）：

var objCheck = {};
var id = thisClick.attr('id');
APP.db.checkInfo.get(id).then(function (resultDetail) {
    objCheck.details = resultDetail;
    return objCheck;
}).then(function () {
    var checkPoints = APP.db.checkRooms.where('check_id').equals(id);
    return checkPoints.toArray();
}).then(function (dataArray) {
    dataArray.measures = [];
    objCheck.checkpoints = dataArray;
    var arrayLength = objCheck.checkpoints.length;
    var promises = objCheck.checkpoints.map(function(chk) {
        var roomId = chk.room_id;
        return APP.db.measures.where('room_id').equals(roomId);
    });
    return Promise.all(promises);
}).then(function(res) {
    objCheck.checkpoints.forEach(function(chekpoint, i) {
        chekpoint.measures = res[i];
    });
    return objCheck
}).then(function () {
    $.ajax(
        // Here I send then objCheck to the server
    ).done(...);
}).catch(function(error) {
    alert ("Error upload: " + error);
});