[英]How to Wait for Angular2 to Handle Dynamic Multiple Http Requests?
我知道您可以通過調用forkJoin方法來使用Observable,以等待多個http請求完成,如下所示:
getBooksAndMovies() {
Observable.forkJoin(
this.http.get('/app/books.json').map((res:Response) => res.json()),
this.http.get('/app/movies.json').map((res:Response) => res.json())
).subscribe(
data => {
this.books = data[0]
this.movies = data[1]
}
);
}
但是,就我而言,我有多個http帖子,它們像下面的代碼一樣是動態的,有2個標題,如果我有100個或1000個標題,該怎么辦。 如何處理此類動態帖子請求? 請提出建議。
createBooksAndMovies() {
let title = ['Hello', 'World'];
let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded' });
let options = new RequestOptions({ headers: headers });
let body1 = 'title=' + title[0];
let body2 = 'title=' + title[1];
Observable.forkJoin(
this.http.post('/app/books.json', body1, options).map((res:Response) => res.json()),
this.http.post('/app/books.json', body2, options).map((res:Response) => res.json())
).subscribe(
data => {
this.book1 = data[0]
this.book2 = data[1]
}
);
}
一種方法是使用循環來構造可觀察序列的數組:
var data = [];
for (var i = 0; i < bodies.length; i++) {
data.push(this.http.post('/app/books.json', bodies[i], options).map((res:Response) => res.json()));
}
Observable.forkJoin(data).subscribe(data => {
this.books = data;
});
在此示例中,我假設您已經具有動態構造的bodies
數組。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.