我的问题是,至少有一个 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() 在倒数第二个完成之前运行。
从我的角度来看,这似乎是一个误解。有人能告诉我我的逻辑有什么问题吗?