Question

我有一个代码，我为每个id提出ajax请求并在结果出来时处理它们。这是我的实际代码的简单副本jsfiddle：

var ids = [1,2,3,4,5,6];
var ids$ = (id) => {
    return Observable.of(id);
};
var loadIds$ = (id) => {
    if(id == 4) return xhr('/echo/jsoneee/', {id: id});
    return xhr('/echo/json/', {id: id});
};

Observable.from(ids)
.concatMap(id => Observable.forkJoin(ids$(id), loadIds$(id)))
.catch((err, caught) => {
  //get the id for which loadIds failed
  //send the id to subscribe() and continue the subscription
  return Observable.empty();
})
.subscribe(result => console.log(result))

但是现在我需要修改代码，这样如果发生错误，我将不得不获取ajax请求失败的id，然后继续订阅，就像没有发生任何事情一样。我还没能做到这一点。非常感谢帮助。

Answer 1

我认为您可以通过在Observable.create(...)中发出正确的值来显着简化：

function xhr(url, json) {
    return Observable.create(function (observer) {
        $.ajax({
            url: url,
            data: JSON.stringify(json),
            success: function (response) {
                observer.next([json.id, json]);
            },
            error: function (jqXHR, status, error) {
                observer.next([json.id]); // <== Notice this
            },
            complete: function () {
                observer.complete();
            }
        });
    });
}

var ids = [1,2,3,4,5,6];
var ids$ = (id) => {
    return Observable.of(id);
};
var loadIds$ = (id) => {
    if(id == 4) return xhr('/echo/jsoneee/', {id: id});
    return xhr('/echo/json/', {id: id});
};

Observable.from(ids)
    .concatMap(id => loadIds$(id))
    .subscribe(result => console.log(result));

这样您可以完全避免forkJoin()。另请注意，catch()运算符会自动取消订阅其来源。此运算符旨在继续使用另一个Observable，因此它在您的情况下非常有用。

你当然可以使用：

.catch((error, caught) => {
    return caught;
})

然而，这会导致重新订阅，从而从一开始就重新发布所有值，这通常是不受欢迎的。

还有onErrorResumeNext()运营商只是忽略了错误，但这可能不是你想要的。

请参阅演示：https://jsfiddle.net/4f1zmeyd/1/

一个稍微类似的问题：get new ticket then retry first request

错误后继续订阅

1 个答案: