angularjs结合$http、$q服务实现多个异步请求

最新推荐文章于 2021-09-06 17:16:06 发布

夏岭

最新推荐文章于 2021-09-06 17:16:06 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Hi_xiexialing/article/details/78817111

本文介绍在AngularJS应用中如何处理多个依赖的异步请求。通过使用$http服务发送GET请求并利用嵌套回调、$q.all方法等方式实现请求的同步处理。

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

/*在实际业务中经常需要等待几个异步请求完成后进行一下不操作，但是$http不支持同步的请求*/
    angular.module("app", [])
        .controller("ctrl", function ($http, $q) {
            //1.success回调嵌套
            $http({
                url: "data.json",
                method: "get"
            }).success(function (resp) {
                $http({}).success(function (resp) {

                })
            })
            //2.then回调嵌套
            $http({
                url: "data.json",
                method: "get"
            }).then(function (resp) {
                $http({
                    url: "data.json",
                    method: "get"
                }).then(function (resp) {

                })
            })
            //3.$q.all方法第一个参数可以是数组。第一个参数执行完成后执行then方法。
            $q.all({
                first: $http.get("data.json"),
                second: $http.get("data.json")
            }).then(function (arr) {
                console.log(arr)
                angular.forEach(arr,function (value, key) {
                    console.log(value)
                })
            })
        })