javascript - 在第一个请求完成后调用第二个请求

Question

我有一个关于请求的问题。我提出第一个请求，然后我想第一个 onSuccess 方法将运行，但程序立即发出第二个请求。我该如何处理？ Context.getAlarmGroupById 立即被调用 2 次。我的代码:

        function loadAll () {
        Context.getAlarmGroupChainById({
            id: $stateParams.id
        }, onSuccess, onError);


            function onSuccess(data, headers) {
            vm.temp=data; 
            var numberGroupChain=vm.temp.length;
            for(var i=0; i<numberGroupChain; i++){
                vm.location.push(vm.temp[i].location);
                vm.alarmChainList.push({name: vm.location[i],active:null,totalAlarmGroupNumber:null});             
                //loadData(vm.temp[i].id);
                asyncLoop(vm.temp[i].id);
              }
            }


            function onError(error) {
              AlertService.error(error.data.message);
            }

        var index = 0;

        function asyncLoop(chainId) {
            if(index >= vm.temp.length) {
                return;
            }
         Context.getAlarmGroupById({
             id:chainId
         }, onSuccess, onError);


             function onSuccess(data,headers){
                 index++;
                 asyncLoop();
             }

             function onError(data,headers){
                 index++;
                 asyncLoop();
             }
        }

    } 

Answer 1

首先 Car.getGroupId 是一个异步函数。所以你必须确保上一个调用完成，然后再进行下一个调用。

其次:递归函数是为替换循环而创建的，在成功函数和索引递增后，调用递归函数以确保您的要求。

第三:改变循环后asyncLoop(vm.temp[i].id);的调用顺序:

最后:

请使用以下代码:

function loadAll () {

    var index = 0;

    function asyncLoop(chainId) {
        if(index >= vm.temp.length) {
            return;
        }
     Context.getAlarmGroupById({
         id:vm.temp[index].id
     }, onSuccess, onError);


         function onSuccess(data,headers){
             index++;
             asyncLoop();
         }

         function onError(data,headers){
             index++;
             asyncLoop();
         }
    }

    function onSuccessParent(data, headers) {
        vm.temp=data; 
        var numberGroupChain=vm.temp.length;
        for(var i=0; i<numberGroupChain; i++){
            vm.location.push(vm.temp[i].location);
            vm.alarmChainList.push({name: vm.location[i],active:null,totalAlarmGroupNumber:null});             
            //loadData(vm.temp[i].id);

          }
          asyncLoop();
    }


    function onErrorParent(error) {
          AlertService.error(error.data.message);
    }

    Context.getAlarmGroupChainById({
        id: $stateParams.id
    }, onSuccessParent, onErrorParent);

}