利用$q.all实现$http请求数据的顺序拼接,避免$http嵌套

前端之家收集整理的这篇文章主要介绍了利用$q.all实现$http请求数据的顺序拼接,避免$http嵌套前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

<table class="html5"><tr class="li1">
<td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69

      ng-app> >     >     >$q> > ng-controller> ng-click>GET> >{{data}}> ><> >     var myapp=angular.module("myApp",[]);     myapp.controller("ctrl",["$scope","$http","$q",function ($scope,$http,$q) {        $scope.getData=function () {            var first=$q.defer();            var firstPromise=first.promise;            $http.get('1.json').then(                    function (response) {                        first.resolve(response.data);                    },function (response) {                        alert('get first file Failed');                        first.reject(response);                    }            );            var second=$q.defer();            var secondPromise=second.promise;            $http.get('2.json').then(                    function (response) {                        second.resolve(response.data);                    },function (response) {                        alert('get second file Failed');                        second.reject(response);                    }            );            $q.all([firstPromise,secondPromise]).then(                    function (result) {                        console.log(result[0]);                        console.log(result[1]);                        //如果对两个数据进行拼接,并且需要保证顺序                        //$q.all是个不错的办法                    }            )          }     }]) > > >  

猜你在找的程序笔记相关文章