如何在RxJS Observable满足条件之前重复ajax请求？

Question

我试图重复一个请求，直到响应有数据使用RxJS，此时我想调用一个成功（或失败）处理程序，但我遇到了RxJS的问题。 这是我目前的做法：

// ... redux-observable action observable
.mergeMap(() =>
    fetchData()
    .repeatWhen(response =>
        response.takeWhile(({ data }) => !data.length)
        .of(response)
    )
)
.map(successFunction)
.catch(failureFunction);

免责声明：我对RxJS很新....

Answer 1

听起来你想要抑制ajax结果并重试，直到你得到你想要的响应。 我会这样做：

// observable that will re-fetch each time it is subscribed
const request = Observable.defer(() => fetchData());

// each time request produces its value, check the value
// and if it is not what you want, return the request
// observable, else return an observable with the response
// use switchMap() to then subscribe to the returned
// observable.
const requestWithRetry = request.switchMap(r =>
    r.data.length ? Observable.of(r) : requestWithRetry);

Answer 2

空数据不是错误，所以首先我们检查数据是否为空，如果是，则抛出错误。 然后重试当可以用来测试此错误retryWhen试，只要它发生。

.mergeMap(() =>
   fetchData()
   .map(data => {
       if (!data.length) {
          throw 'no data';
       } 
       return data;
    })
   .retryWhen(errors => errors.takeWhile(error => error === 'no data'))
)
.map(successFunction)
.catch(failureFunction);

Answer 3

在一个间隔上重复请求，过滤其结果并采取一次发射更简单。

Observable.timer(0, 500)
  .flatMap(() => fetchData())
  .filter(r => r.data && r.data.length)
  .take(1)
  .timeout(10000)

http://jsbin.com/cafericore/1/edit?js,console