jQuery posting valid json in request body

Question

So according to the jQuery Ajax docs, it serializes data in the form of a query string when sending requests, but setting processData:false should allow me to send actual JSON in the body. Unfortunately I'm having a hard time determining first, if this is happening and 2nd what the object looks like that is being sent to the server. All I know is that the server is not parsing what I'm sending.

When using http client to post an object literal {someKey:'someData'}, it works. But when using jQuery with data: {someKey:'someData'}, it fails. Unfortunately when I analyze the request in Safari, it says the message payload is [object Object] ... great... and in Firefox the post is blank...

When logging the body content on the Java side it literally gets [object Object] so how does one send REAL JSON data??

Has anyone had experience with a Java service serializing JSON data in the request body, with the request sent from jQuery?

BTW here is the full $.ajax request:

$.ajax({
    contentType: 'application/json',
    data: {
        "command": "on"
    },
    dataType: 'json',
    success: function(data){
        app.log("device control succeeded");
    },
    error: function(){
        app.log("Device control failed");
    },
    processData: false,
    type: 'POST',
    url: '/devices/{device_id}/control'
});

Nick Craver · Accepted Answer · 2010-11-11 22:06:00Z

352

An actual JSON request would look like this:

data: '{"command":"on"}',

Where you're sending an actual JSON string. For a more general solution, use JSON.stringify() to serialize an object to JSON, like this:

data: JSON.stringify({ "command": "on" }),

To support older browsers that don't have the JSON object, use json2.js which will add it in.

What's currently happening is since you have processData: false, it's basically sending this: ({"command":"on"}).toString() which is [object Object]...what you see in your request.

answered Nov 11, 2010 at 22:06

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

5 Comments

brad Over a year ago

so do I no longer need the processData: false using JSON.stringify() ?

Nick Craver Over a year ago

@brad - correct, it won't matter after doing this because it's already a string, and in that case jQuery won't process it further.

brad Over a year ago

worked like a charm, many thanks! Is it true then that all request bodies are expected to be strings that get parsed on the other end?

Adam Zerner Over a year ago

Why does jQuery parse the data into a string, as opposed to just sending it as JSON?

NamedArray Over a year ago

Side note: if anybody needs it as a "body request payload" instead of form data, don't forget to include contentType: "application/json; charset=utf-8", as mentioned in this thread: stackoverflow.com/questions/21201270/…

linh dinhvan · Accepted Answer · 2023-02-21 02:35:00Z

1

Seal them up

//contentType: false,
//processData: false,

answered Feb 21, 2023 at 2:35

linh dinhvan

593 bronze badges

Collectives™ on Stack Overflow

jQuery posting valid json in request body

2 Answers 2

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related