Angular 8: Why do I receive null when using URL Query Strings?

Question

I am trying to consume the following web-service

@POST
@Path("/delete")
@Produces(MediaType.APPLICATION_JSON)
public boolean deletePost(@QueryParam("idPost") String idPost) {
// logic here
}

However, trying to assign a value to the QueryParam idPost from angular does not work. Always idPost arrives with a value of null.

Try the 2 forms specified in the documentation but it does not work for me. What am I doing wrong?

public deletePost(idPost: number): Observable<any> {
    const options = idPost ?
    { params: new HttpParams().set('idPost', idPost.toString()) } : {};
    return this.httpClient.post('url-delete',options);
}

public deletePost(idPost: number): Observable<any> {
    const params = new HttpParams({fromString: 'idPost=' + idPost.toString()});
    return this.httpClient.post('url-delete',params);
}

In chrome dev tools do you see the param being sent out via the actual request? — Damian C
– Damian C, Commented Nov 18, 2019 at 15:59
I noticed that your path is /delete, but your post url is /url-delete. Is it possible that is the issue or is that just a placeholder? — Damian C
– Damian C, Commented Nov 18, 2019 at 16:18
2nd paramater in post is the body. are you sure you want to send the paramters in the body? — griFlo
– griFlo, Commented Nov 18, 2019 at 16:22

Nicholas K · Accepted Answer · 2019-11-18 16:45:59Z

2

The 2nd Paramter in post is the body and the options should be a json like:

const options = { params: new HttpParams().set('name', 'xxx') }

Now invoke it like this:

public deletePost(idPost: number): Observable<any> {
    const options = {params: new HttpParams({fromString: 'idPost=' + idPost.toString()})};
    return this.httpClient.post('url-delete',{}, options); // empty body
}

edited Nov 18, 2019 at 16:45

Nicholas K

15.4k8 gold badges35 silver badges59 bronze badges

answered Nov 18, 2019 at 16:26

griFlo

2,17420 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

Angular 8: Why do I receive null when using URL Query Strings?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related