angularjs处理多个$http

发布时间：2020-12-17 07:04:49 所属栏目：安全来源：网络整理

导读：本文引自：https://www.cnblogs.com/xiaojikuaipao/p/6017899.html 在实际业务中经常需要等待几个请求完成后再进行下一步操作。但angularjs中$http不支持同步的请求。解决方法一：在第一请求完成后发起第二个请求 $http.get(‘url1‘).success(function (d

本文引自：https://www.cnblogs.com/xiaojikuaipao/p/6017899.html

在实际业务中经常需要等待几个请求完成后再进行下一步操作。但angularjs中$http不支持同步的请求。

解决方法一：

在第一请求完成后发起第二个请求

$http.get(‘url1‘).success(function (d1) {
　　$http.get(‘url2‘).success(function (d2) {
   　　//处理逻辑
   });
});

解决方法二：

then中的方法会按顺序执行。

var app = angular.module(‘app‘,[]);
app.controller(‘promiseControl‘,function($scope,$q,$http) {
    function getJson(url){    //通用的请求模板
        var deferred = $q.defer();
        $http.get(url)
            .success(function(d){
                d = parseInt(d);
                console.log(d);
                deferred.resolve(d);
            });
        return deferred.promise;
    }

    getJson(‘json1.txt‘).then(function(){
        return getJson(‘json2.txt‘);
    }).then(function(){
        return getJson(‘json1.txt‘);
    }).then(function(){
        return getJson(‘json2.txt‘);
    }).then(function(d){
        console.log(‘end‘);
    });
});

解决方法三：

$q.all方法第一个参数可以是数组(对象)。在第一参数中内容都执行完后就会执行then中方法。第一个参数的方法的所有返回值会以数组(对象)的形式传入。

var app = angular.module(‘app‘,$http) {
    $q.all({first: $http.get(‘json1.txt‘),second: $http.get(‘json2.txt‘)}).then(function(arr){  //arr为完成请求1和请求2后的返回值
        console.log(arr);
        angular.forEach(arr,function(d){
            console.log(d);
            console.log(d.data);
        })
    });
});

解决方法四:

var app = angular.module(‘app‘,[]);
app.controller(‘directiveControl‘,$http,$q){
    function getTxt(a) {
        var deferred = $q.defer();
        $http.get(‘1.json‘)
            .success(function (d) {
                console.log(a);
                deferred.resolve();
            })

        return deferred.promise;
    }
    getTxt(1).then(function(){
        return getTxt(2);
    }).then(function(){
        return getTxt(3);
    }).then(function(){
        return getTxt(4);
    }).then(function(){
        return getTxt(5);
    }).then(function(){
        console.log(‘end‘);
    });
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!