POST Request with JSON Data

Question

So I'm trying to make a POST request using the jquery $.ajax. My problem is the data being sent is JSON. So i'm not sure exactly how to send it. I am using fiddler to record the HTTP request and this is what I got. {"code":200,"user":"34522","questions":[{"35":"139"},{"55":"215"},{"28":"110"},{"88":"349"},{"127":"500"},{"148":"578"},{"125":"492"},{"218":"859"},{"258":"1019"},{"219":"862"}],"time":60}. Under the webform of fiddler there is nothing there. enter image description here

Here is the code I came up with and the response back is Object {code: 500, error: "Invalid request"}

var request = $.ajax({
      url: "http://website/api/post/",
      type: "POST",
      data: { 
        code : 200,
        user : 34522,
        questions : '[{"35":"139"},{"55":"215"},{"28":"110"},{"88":"349"},{"127":"500"},{"148":"578"},{"125":"492"},{"218":"859"},{"258":"1019"},{"219":"862"}]',
        time : 60
      },
      dataType: "json"
    });

    request.done(function( msg ) {
      console.log(msg);
    });

    request.fail(function( jqXHR, textStatus ) {
      console.log( "Request failed: " + textStatus );
    });

It literally says in your image: "Content-Type is 'application/json'; this Inspector supports 'x-www-form-urlencoded' only." — Qantas 94 Heavy
– Qantas 94 Heavy, Commented Oct 14, 2013 at 1:24

gdp · Accepted Answer · 2013-10-14 01:53:08Z

1

Try using JSON.stringify on your post data like this:

var request = $.ajax({
  url: "http://website/api/post/",
  type: "POST",
  data: JSON.stringify({ 
    code : 200,
    user : 34522,
    questions : [{"35":"139"},{"55":"215"},{"28":"110"},{"88":"349"},{"127":"500"},{"148":"578"},{"125":"492"},{"218":"859"},{"258":"1019"},{"219":"862"}],
    time : 60
  }),
  dataType: "json"
});

JSON.stringify will convert the current javascript object into a JSON string for posting. Also note removing the apostrophes from around the questions array.

edited Oct 14, 2013 at 1:53

answered Oct 14, 2013 at 1:43

gdp

8,27210 gold badges46 silver badges65 bronze badges

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

Comments

Bas Kuis · Accepted Answer · 2013-10-14 01:31:35Z

0

The dataType:json refers to the response I believe. So if the server response isn't valid json, you would see a 500 error.

Try to look at the 'network (chrome)' or 'net (firefoxl)' tab in firebug to inspect the response.

You could also try to change dataType:json to dataType:text

answered Oct 14, 2013 at 1:31

Bas Kuis

8301 gold badge9 silver badges21 bronze badges

Collectives™ on Stack Overflow

POST Request with JSON Data

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