how can I set a timeout for the web request in angular 5 using HttpClient [duplicate]

Question

By defining a timeout you can set a time limit to wait for a web request. timeout, is the time limit that a web request can not pass. for example if I define a timeout of 3 seconds, the web request while requesting the data, is canceled if it exceeds 3 seconds. I would like my web service not to exceed 3 seconds. how can I do it? I am a newbie in the world of angular.js.

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders, HttpParams} from '@angular/common/http';
import { map } from 'rxjs/operators';
import { Observable } from 'rxjs/Observable';
import { GLOBAL } from '../app.constantes';

@Injectable()
export class AppService{
public url: string;

constructor(
    public _http: HttpClient

){}
getAll(url,method,param): Observable<any>{
    let config={};
    config["timeout"]=3000;
    config["data"]=param ? param: {}; //in case of POST  this is the "data" property, with GET is "params" I believe..
    return this._http.post(url,config);

}

No, I do not know if I was not clear with my question. But I refer to the property "timeout" of web requests. no set timeout..

so you want your rest call to complete within 3 mins ?

Paka
– Paka

2018-05-11 06:06:06 +00:00
Commented May 11, 2018 at 6:06 — Paka
– Paka, Commented May 11, 2018 at 6:06

Janith Widarshana · Accepted Answer · 2018-05-11 05:58:43Z

0

You can use the timeout operator like this:

this.http.post('myUrl', 
        MyData, {headers: Myheaders})
         .timeout(3000, new Error('timeout exceeded'))
         .map(res => res.json())
         .subscribe(
           data => this.ret = data,
           error => console.debug('ERROR', error),
           () => console.log('END')
         );

edited May 11, 2018 at 5:58

answered May 11, 2018 at 5:50

Janith Widarshana

3,53310 gold badges56 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

yavg Over a year ago

No, I do not know if I was not clear with my question. But I refer to the property "timeout" of web requests.

Janith Widarshana Over a year ago

Do you want to set timeout after you got the response from async call ?

yavg Over a year ago

timeout, is the time limit that a web request can not pass. for example if I define a timeout of 3 seconds, the web request while requesting the data, is canceled if it exceeds 3 seconds.

Janith Widarshana Over a year ago

This link will help you to get more understanding about pipeable operators github.com/ReactiveX/rxjs/blob/master/doc/pipeable-operators.md

yavg Over a year ago

Thank you. I will try it when I can. should I import any additional libraries to those I have in my example?

Collectives™ on Stack Overflow

how can I set a timeout for the web request in angular 5 using HttpClient [duplicate]

1 Answer 1

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Linked

Related