Ember JS:顺序相关的异步调用进程

时间:2018-01-18 05:04:51

标签: javascript jquery ember.js underscore.js

我在向服务器提交请求时遇到问题。我需要在获取其他属性之后发送数据以处理它们。用户可以是新用户或现有用户(有/无公司名称)。

当我进行调用时,它没有按顺序进行,并且最终对象没有正确的数据,并且由于异步处理时序而获得随机数据。因为循环很早就完成了。

for (var i = 0; i<_uniqEditUsersList.length; i++){
    var _uniqEditUser = _uniqEditUsersList[i];
    var newUserid = $("[id='" + _uniqEditUser + "']")[0].value;
    console.log(_uniqEditUser + ' Data '+ newUserid);
    Service.searchUser(newUserid).then(function (userResult) {
        console.log("userResult: " + _.keys(userResult).length);
        console.log(_uniqEditUser2 + ' Data  '+ newUserid2);
        var currentCartId = self.get('cart').id;
        var userResult = userResult ? userResult : "";
        if (_.keys(userResult).length == 0) {
            CompanyName = "NEW_USER";
            var newData = {oldId: _uniqEditUser, newid: newUserid, CompanyName: CompanyName};
            dataMap[counter] = newData;
            if(counter == _uniqEditUsersList.length){
                self.set('processList', dataMap);
                self.processListFunction();
            }
            counter = counter + 1;
        } else {
            Service.getUsers(partnerListObj).then(function (result) {
                if (result.users.totalResults == "1") {
                    CompanyName = result.company;
                } else {
                    CompanyName = "NO_COMPANY"
                }
                var newData = {oldId: _uniqEditUser, newid: newUserid, CompanyName: CompanyName};
                dataMap[counter] = newData;
                if(counter == _uniqEditUsersList.length){
                    self.set('processList', dataMap);
                    self.processListFunction();
                }
                counter = counter + 1;
            }, function (err) {
                self.showErrorMessage(JSON.parse(err.responseText).message);
            });
        }
    }, function (err) {
        self.showErrorMessage(JSON.parse(err.responseText).message);
    });
}

如何使调用依赖于彼此并使循环按顺序处理?

我尝试了很多东西,但没有为我工作。

1 个答案:

答案 0 :(得分:1)

也许下面的内容对您有用。当然有一些调整。使用reduce每个promise将取决于之前的承诺。

arrayOfTasksToResolveInOrder.reduce((promise, task) => {
  return promise.then((result) => {
      if (result.condition) {
        return task.fetch(result));
      } else {
        return task.someOtherFetch(result);
      }
    });
}, Ember.RSVP.Promise.resolve());

这篇文章的作者很好地解释了这种模式Promises Part II - Advanced promise patterns