Cách thực hiện cuộc gọi http đồng bộ ở góc 2

Question

Câu hỏi này đã được hỏi here. Tuy nhiên, vì ngữ cảnh ứng dụng của người hỏi có liên quan quá nhiều trong câu hỏi, tôi không thể hiểu được những điều cơ bản. Ví dụ: có thông số queryArr. Nó làm gì?

Dù sao, tôi cần một chút hướng dẫn về cách thực hiện cuộc gọi http đồng bộ một cách đơn giản nhất. Giải pháp tôi đưa ra là người ta phải đăng ký các quan sát theo thứ tự "lồng nhau". Ví dụ: có các quan sát ox và oy. Dữ liệu của các yêu cầu được gọi oy là phụ thuộc vào dữ liệu đến từ 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") 
     ); 
    } 
); 

Thời gian qua tôi nhớ (tôi không làm javascript nhiều, và là một chút newbie), trong phạm vi nơi tôi đăng ký đến oy, không thể xem được xData hoặc yData nữa. Hãy sửa tôi và chỉ cho tôi đúng hướng nếu tôi sai.

Có giải pháp "tốt" nào hay cách tốt hơn để thực hiện việc này không?

Answer 1

Tôi nghĩ rằng bạn có thể xem nhà điều hành flatMap để thực hiện yêu cầu HTTP, chờ phản hồi của nó và thực hiện một yêu cầu khác.

Đây là một mẫu:

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 
    }); 
} 

Nếu bạn muốn được tiếp cận với cả hai kết quả trong phương pháp subscribe, bạn có thể tận dụng Observable.forkJoin và 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]; 
    }); 
}