Jak wykonywać synchroniczne połączenia http w kanciastym 2

Question

To pytanie zostało już zadane here. Jednakże, ponieważ kontekst aplikacji pytającego jest zbytnio związany z pytaniem, nie mogłem zrozumieć podstaw. Na przykład istnieje parametr queryArr. Co to robi?

W każdym razie potrzebuję trochę wskazówek, jak wykonywać synchroniczne połączenia HTTP w najprostszy sposób. Rozwiązaniem, które wymyśliłem, jest to, że należy subskrybować obserwowalne w kolejności "zagnieżdżonej". Na przykład są obserwowalne: ox i . Dane z wniosku są nazywane w oy jest uzależniona od danych pochodzi z ox:

xData: string = ""; 
yData: string = ""; 

ox.subscribe(
    data => {xData = data;}, 
    error => console.log(error), 
    () => { 
     oy.subscribe(
      data => {yData = xData*data;}, 
      error => console.log(error), 
      () => console.log("aaa") 
     ); 
    } 
); 

Ostatni raz pamiętam (nie robię kodu JavaScript dużo, i jestem trochę newbie), w zakresie, gdzie subskrybowanego do oy, xData lub yData nie można już zobaczyć. Proszę, popraw mnie i wskaż mi właściwy kierunek, jeśli się mylę.

Czy istnieje jakieś "dobre" rozwiązanie lub lepszy sposób na zrobienie tego typu rzeczy?

Answer 1

Myślę, że można rzucić okiem na operatora flatMap, aby wykonać żądanie HTTP, poczekać na jego odpowiedź i wykonać inną.

Oto przykład:

executeHttp(url) { 
    return this.http.get(url).map(res => res.json()); 
} 

executeRequests() { 
    this.executeHttp('http://...').flatMap(result => { 
    // result is the result of the first request 
    return this.executeHttp('http://...'); 
    }).subscribe(result => { 
    // result is the result of the second request 
    }); 
} 

Jeżeli chcesz mieć dostęp do obu wyników w metodzie subscribe, można wykorzystać Observable.forkJoin i Observable.of:

executeRequests() { 
    this.executeHttp('http://...').flatMap(result => { 
    // result is the result of the first request 
    return Observable.forkJoin([ 
     Observable.of(result), 
     this.executeHttp('http://...'); 
    }).subscribe(results => { 
    // result is the result of both requests 
    let result1 = results[0]; 
    let result2 = results[1]; 
    }); 
}