JQuery Post changes json data to query string

Question

I am doing a JSON POST via $.post(), but it seems it is changing my POST contents from JSON to Query string parameters.

I POST the following to the end-point:

$.post('/proxy/endpoint.json', { "query": {"test": true, "msg": "test" } });

The server handling the request shows the following logs:

ERROR - Bad POST params: query%5Btest%5D=true&query%5Dmsg%5Btest

Request flow:

JavaScript -> IIS Rewrite Proxy -> Nginx -> Java Server endpoint, e.g. localhost:4000/endpoint.json

NOTE: I've tested the same POST request via Postman directly to IIS Server, which works fine. So it can only be my Jquery which is causing this problem.

Any tips on how I can improve this?

Your code POSTs fine for me when I try it. Can you share the rest of your JavaScript? — user7290573
– user7290573, Commented Oct 4, 2019 at 8:35

Ahmed El-sayed · Accepted Answer · 2019-10-04 09:34:26Z

1

back to jQuery.post , and pass the right params object

for you example change your code to

$.post('/proxy/endpoint', {"test": true, "msg": "test" });

answered Oct 4, 2019 at 9:34

Ahmed El-sayed

3542 silver badges7 bronze badges

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

4 Comments

Werner Raath Over a year ago

Unfortunately I cannot change the JSON object being passed through, as the server is expecting it in that format.

Ahmed El-sayed Over a year ago

don't pass it directly to jQuery.Post , try to use it as " SERVERJSON.query " . use only the value of query in JSON object passed through

Werner Raath Over a year ago

I got a hint from your response, thus what you meant was to use the string representation of the JSON object.

Ahmed El-sayed Over a year ago

Yes, what i mean to use string of json object and pass the value of key " query " (ex: obj.query)

Werner Raath · Accepted Answer · 2019-10-04 10:10:25Z

0

In this case the answer was to use the string representation of the JSON object.

$.post('/proxy/endpoint.json', JSON.stringify({ "query": {"test": true, "msg": "test" } }));

This turned out to work.

Thanks to Ahmed El-sayed for leading me in the right direction.

answered Oct 4, 2019 at 10:10

Werner Raath

1,5224 gold badges22 silver badges39 bronze badges

1 Comment

Jalpa Panchal Over a year ago

I request you to mark the helpful suggestion as an answer. This will help other people who face the same issue.

Collectives™ on Stack Overflow

JQuery Post changes json data to query string

Request flow:

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Request flow:

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related