angularjs 處理多個異步請求方法匯總
更新時間：2015年01月06日 08:59:51 投稿：hebedich
這篇文章主要介紹了angularjs 處理多個異步請求方法匯總,需要的朋友可以參考下
在實際業(yè)務中經常需要等待幾個請求完成后再進行下一步操作。但angularjs中$http不支持同步的請求。
解決方法一：
復制代碼 代碼如下:
$http.get('url1').success(function (d1) {
$http.get('url2').success(function (d2) {
//處理邏輯
});
});
解決方法二：
then中的方法會按順序執(zhí)行。
復制代碼 代碼如下:
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方法第一個參數可以是數組(對象)。在第一參數中內容都執(zhí)行完后就會執(zhí)行then中方法。第一個參數的方法的所有返回值會以數組(對象)的形式傳入。
復制代碼 代碼如下:
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);
})
});
});
$q的詳細使用方法網上的有很多教程。我也是剛接觸。講不好，不敢亂講。上面的代碼是我按我的理解寫的，經過了測試沒有問題。
相關文章
這篇文章主要為大家詳細介紹了AngularJS實現星星等級評分功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
AngularJS中ngAnimate模塊支持動畫效果，但是ngAnimate模塊并未包含在AngularJS核心庫中，因此需要使用ngAnimate需要在定義Module時聲明對其的引用。下面通過本文我們來看看AngularJS動畫的詳細介紹。2016-07-07
AngularJS驗證信息框架的封裝插件用法【w5cValidator擴展插件】
這篇文章主要介紹了AngularJS驗證信息框架的封裝插件用法,分析了AngularJS表單驗證規(guī)則并實例說明了w5cValidator擴展插件的相關使用技巧,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了模板視圖和AngularJS之間沖突的解決方法,結合實例形式分析了AngularJS模板視圖沖突的原因并給出了2種解決方法供大家參考使用,需要的朋友可以參考下2016-11-11
本篇文章主要介紹了Angular如何引入第三方庫的方法詳解，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要介紹了angular手寫樹形二級表格的完整代碼，代碼簡單易懂，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-10-10
AngularJS基礎 ng-model-options 指令簡單示例
本文主要介紹AngularJS ng-model-options 指令,這里對ng-model-options指令的基本資料進行整理,有需要的小伙伴可以參考下2016-08-08
spy?是一種檢查函數是否被調用或提供自定義返回值的方法,我們可以使用spy?來測試依賴于服務的組件,并避免實際調用服務的方法來獲取值,在本文中,您將學習如何在?Angular?項目中使用?Jasmine?spy,需要的朋友可以參考下2024-03-03
AngularJS基于ui-route實現深層路由的方法【路由嵌套】
這篇文章主要介紹了AngularJS基于ui-route實現深層路由的方法,涉及AngularJS路由嵌套操作相關實現步驟與技巧,需要的朋友可以參考下2016-12-12
本文主要介紹AngularJS模板的資料知識，這里幫大家整理了詳細的模版資料，及實現示例代碼，幫助大家學習AngularJS的知識，有需要的小伙伴可以參考下2016-08-08