Cannot post data with query String using httpClient in angular 4

Question

I am trying to post some data and I am passing an access token as query string. I will be getting a blob response from server. I used following code :

public issueId(asset: Type): Observable<Blob> {
    let urlSearchParams = new HttpParams().set('access_token', this.cookieService.get('access_token'));
    console.log('Entered DataService issueID');
    return this.httpClient.post('http://localhost:3000/api/system/identities/issue', asset, {urlSearchParams},{responseType: "blob"});
}

I am getting error "Expected 2-3 arguments, but got 4". I am using angular 4. Asset is the body of post request.

ya , but I then how I can reduce the arguments. I need to mention api address, the body, the responsetype and query string as well. Is there any other way to do it ? — user9040429
– user9040429, Commented Apr 17, 2018 at 10:23
You can remove the {responseType: "blob"} and handle it once you got the response — Lokesh Pandey
– Lokesh Pandey, Commented Apr 17, 2018 at 10:24
I just added the query string in the api address, now there is no need of param argument. — user9040429
– user9040429, Commented Apr 17, 2018 at 10:53

Pranay Rana · Accepted Answer · 2018-04-17 11:56:43Z

1

As per the post documentation , you have to do as below

put(url: url, body: data, 
 options: {params: urlSearchParams,responseType: "blob"});

aso you need to pass responsetype ans params as part of options

answered Apr 17, 2018 at 11:56

Pranay Rana

177k37 gold badges244 silver badges266 bronze badges

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

Comments

Gavishiddappa Gadagi · Accepted Answer · 2018-04-17 11:58:19Z

0

You are sending multiple optional objects with request. Change your request like this.

public issueId(asset: Type): Observable<Blob> {
    let urlSearchParams = new HttpParams().set('access_token', this.cookieService.get('access_token'));
    console.log('Entered DataService issueID');
    return this.httpClient.post('http://localhost:3000/api/system/identities/issue', asset, { params: urlSearchParams, responseType: "blob"});
}

answered Apr 17, 2018 at 11:58

Gavishiddappa Gadagi

1,2201 gold badge17 silver badges35 bronze badges

Collectives™ on Stack Overflow

Cannot post data with query String using httpClient in angular 4

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related