angularjs处理多个异步请求

最新推荐文章于 2025-02-17 14:32:51 发布

原创最新推荐文章于 2025-02-17 14:32:51 发布 · 976 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angularjs

angularjs 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在AngularJS项目中利用$q.all方法同步处理多个$http请求，确保所有请求完成后再更新视图，实现数据的准确匹配与展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

angularjs的请求是异步的，而我项目的需求需要将多个请求的结果进行匹配后才展示到页面。通过网上查找通过如下方法很好的解决了问题。

$q.all方法

 $q.all({first: $http.get(hpTasksUrlParam),second: $http.get(hpTasksUrlParamV2)}).then(function(arr){
                $scope.headitems = new Array();
                $scope.headitems.unshift({
                    data_id: "",
                    data_name: "总数",
                    uploads: arr.first.data.reduce(function (acc, curr) {
                        return acc + curr.uploads;
                    }, 0)
                });
                angular.forEach(arr.first, function (value) {
                    var total;
                    angular.forEach(arr.second, function (val) {
                        if (value.data_id == val.data_id) {
                            total = value.uploads + value.remain;
                            value.uploads += val.uploads;
                            value.remain = total - value.uploads;
                            value.proceed += val.proceed;
                            value.cancelled += val.cancelled;
                            value.release += val.release;
                        }
                    });
                });
                $scope.items = arr.first.data;
            });

参考链接1

该方法还没尝试
 https://my.oschina.net/eima/blog/1797481