Angular 2,轮询http请求并等待响应缓慢

时间:2016-11-11 09:33:11

标签: angular rxjs polling

我有一个服务,每隔3秒从服务器获取一次数据。 有时服务器非常慢,并且在5或6秒后会有很多响应。 发生这种情况时,我的服务开始取消每个请求,而不是等待待处理的请求。 我该如何防止这种情况?

public getCallDiagnostic():Observable<IRespWidgets>{

        let body = JSON.stringify({manager:"CallDiagnosticServiceManager",
                                   action:"GetCallDiagnostic",
                                   WEB_USER_TOKEN:this._authenticationService.getUserToken()});     
        let options = new RequestOptions({headers: new Headers({'Content-Type': 'application/json'})});

        return  Observable.timer(0,3000)
                .switchMap(()=>this._http.post(this._apiUrl,body,options))                      
                .map(res => <IRespWidgets>res.json().data)          
                .catch(this.handleError);       
    }

1 个答案:

答案 0 :(得分:2)

您的请求因使用switchMap而被取消。如果要从每个请求接收响应,只需使用mergeMap:

return  Observable.timer(0,3000)
            .mergeMap(()=>this._http.post(this._apiUrl,body,options))                      
            .map(res => <IRespWidgets>res.json().data)          
            .catch(this.handleError);       

这永远不会取消请求,您将从每个请求中获得响应。

编辑:如果您希望在上一个请求到达后立即执行下一个请求,则可以使用concatMap。 ConcatMap将采用下一个值并对其进行处理。只要不处理前一个值,它就不会采用下一个值(即使它到达)。

return  Observable.timer(0,3000)
            .concatMap(()=>this._http.post(this._apiUrl,body,options))                      
            .map(res => <IRespWidgets>res.json().data)          
            .catch(this.handleError);