Angular2 - 如何链接异步http请求并在失败时停止

Question

我有一个HTTP请求数组，我需要以某种顺序触发，但如果前一个请求失败，那么以下任何一个都不会被执行。

1. 我怎样才能做到这一点？

2. 什么是最好的方法？

我需要这样的东西：

  let failed: boolean = false;
  payloadArray.forEach(payload => {
     if (!failed) {
     http.post(this.url, payload, this.options)
     .map((res: Response) => {
        return res.json;
      })
    .catch((error: any) => {
          failed = true;
          Observable.throw(error.json().error || 'Server error')
       });
     }
  }

Answer 1

这将需要一个Observable创建者合并发出的值，但只在每次完成后按顺序订阅。 我不认为RxJs库中有类似的东西。

我写了一个工厂方法，我认为会产生你想要的东西：

public sequence(requests: Array<Observable<Response>>): Observable<Response[]> {
    return Observable.create((observer) => {
        const output = [];

        function executeHttp() {
            const request = requests.pop();
            if (request) {
                request.take(1).subscribe((value) => {
                    output.push(value);
                    executeHttp();
                }, (ex) => {
                    observer.error(ex);
                });
            } else {
                observer.next(output);
                observer.complete();
            }
        }

        executeHttp();
    });
}

请注意，我在HTTP observables中添加了一个take(1)运算符。 这样做是为了让HTTP observable在产生响应后被销毁。 这样您就不必打电话取消订阅。 你可以使用take(1)或first()做同样的事情，但是当没有任何东西发出时它们的工作方式不同。

如果你发现运营商做你想做的事。 请告诉我。

Answer 2

如果要发送多个HTTP请求，请使用ForkJoin 。 至于你的问题，Http模块处理响应中的成功和错误

let failed: boolean = false;
let sampleArr = [];

payloadArray.forEach(payload => {
    if (!failed) {
        sampleArr.push(this.http.post(this.url, payload, this.options))
    }
})

Observable.forkJoin(sampleArr).subscribe(
    (data) => this.data = data, 
    (err) => Observable.throw(err.json().error || 'Server error')

);