Home/ Questions/Q 7027263
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T00:13:29+00:00

For a webapp with a RESTful backend I am posting some json to the

  • 0

For a webapp with a RESTful backend I am posting some json to the server using jquery’s $post. Now to my surprise, the json is stuffed in a parameter key for the request’s form data, instead of in the request body. I can think of some other ways to do it, but the question is why it doesn’t work as I expect.

On the server I use scalatra and print some request info:

println("Request received:")
println(fromInputStream(request.getInputStream).getLines().mkString)
println("--------------")
println(request.getParameterMap.toString)
println("==============")

Now a simple curl that does what I think is right:

curl -X POST http://localhost:8080/x -H "Content-Type: application/json" -d '{"a":"b"}'

Produces:

Request received:
{"a":"b"}
-------------
{}
==============

And the bit of html+js to illustrate the problem:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<body>
  <button type="button" onclick="doPost()">
    POST
  </button>
  <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  <script type="text/javascript">
function doPost() {
    $.post("http://localhost:8080/x",     
           JSON.stringify({"a":"b"} ), 
           function(data) {});
}
  </script>
</body>
</html>

Produces:

Request received:

--------------
{{"a":"b"}=[Ljava.lang.String;@7a2897ac}
==============

So if I use $post with a stringified json string and a callback I get everything stuffed in a single parameter key. If this is normal, I would like to know why, and how I’m supposed to unravel this cleanly on the server. If it is not normal, I’d like to know what I should do to to get it in the response body using $post.

UPDATE: There is now a feature request for jquery to support contentType on $.post

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think you can do this if you drop down to $.ajax

    $.ajax(
  {
     url: "http://localhost:8080/x",
     data: JSON.stringify({a: 'b'}),
     processData: false,
     type: 'POST',
     contentType: 'application/json'
  }
);

    processData tells jquery not to mess around with your data and setting contentType should ensure that your backend doesn’t try and parse the json as it were a regular url encoded form.

    • 0