angularjs 处理多个异步请求方法汇总

AngularJS处理多个异步请求的方法集锦

=====================

在实际业务场景中，我们经常需要等待多个请求完成后才能继续下一步操作。AngularJS的$http服务默认是异步的，不支持同步请求。以下是几种处理多个异步请求的方法。

方法一：连续调用

-

通过在第一个请求的`.success()`回调函数中发起第二个请求，可以连续处理多个异步请求。

```javascript

$http.get('url1').success(function (d1) {

$http.get('url2').success(function (d2) {

// 处理逻辑

});

});

```

方法二：利用Promise链

-

AngularJS中的Promise对象可以构建一种链式调用，每个`.then()`中的函数会在前一个Promise解决后按顺序执行。

```javascript

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() {

// 更多处理逻辑...

}).then(function(){

console.log('所有请求完成');

});

});

```

方法三：使用$q.all()方法

--

$q.all()方法允许我们并行发起多个异步请求，并在所有请求都完成后执行后续操作。此方法接受一个包含所有Promise对象的数组或对象作为参数。

```javascript

var app = angular.module('app', []);

app.controller('promiseControl', function($scope, $q, $http) {

$q.all({first: $http.get('json1.txt'), second: $http.get('json2.txt')}).then(function(arr){

console.log('所有请求完成', arr);

angular.forEach(arr, function(d){

console.log('单个请求结果', d);

console.log('数据', d.data); // 注意这里应该是d.data，因为$http返回的是包含数据的对象或数组。这里可能需要根据实际情况进行调整。

});

});

});

``` 需要注意的是，以上代码示例中的 `$q` 和 `$http` 是AngularJS内置的服务，用于处理异步操作和HTTP请求。在使用这些服务时，请确保已经正确注入它们到你的控制器或服务中。每个异步请求的返回值可能需要根据你的实际情况进行处理。希望这些方法对你有所帮助，如有任何疑问或需要进一步的解释，请随时向我询问。