JQuery: How to PUT JSON via Ajax?

Question

Hi

I am trying to put some JSON formatted data via Ajax with JQuery to a server. My code look like this:

$.ajax({
    type: "PUT",
    url: myurl,
    contentType: "application/json",
    data: {"data": "mydata"}
});

But at server-side i receive a data=mydata string, instead of the expected JSON. Firebug tells me the same.

Where is the error?

Answer 1

Do something like this

$.ajax({
          type: "PUT",
          dataType: "json",
          data: dataString,
          url: 'yourUrl'
        });

dataString should be somthing like: 'test/case&id=1&topic=new'

Answer 2

No error. It is taking the object and converting it to form parameters, just like it should. Most likely, you simply need to change your code to accept these as form parameters instead of JSON. If it really must be JSON, you can investigate using the contentType option and see if changing to another content type (maybe text/plain) would help. Personally, I'd stick with the form-encoded parameters.

Answer 3

I think the data needs to be a String. Objects are converted to querystrings which is what you are seeing here.

You can use the JSON.stringify(obj) method to convert your Object to a String. The code for the JSON object is available from: http://www.json.org/json2.js.

Alternately, just pass the code you are using to create the object as a literal String, but I imagine this is just an example and you'll want to encode some object you've already created.

Answer 4

the error is in your expectations. the object literal gets encoded to whatever is appropriate for the HTTP method in question. if you want to see JSON on the server, you'll need to serialize the data on the client. BTW, PUT is meant for file uploads, if you're not using it that way, you're breaking the "semantics" in "semantic web".