JSON formatting (Sending JSON via jQuery AJAX post to Java/Wicket server)

Question

I'm using jQuery to post JSON to a Java server, but I think my JSON must be wrong. Here's an example of my data and how I'm sending it:

var lookup = {
    'name': name,
    'description': description,
    'items': [{
        'name': itemName,
        'value': itemValue
    }]
}

$.ajax({
    type: 'post',
    data: lookup,
    dataType: 'json'
});

I'm using Wicket's AbstractAjaxBehavior to receive the data and would like to get a single JSON string that I can parse. When I get a Map of the parameters passed, the keyset looks like this:

items[0][name],
description,
name,
items[0][value],

Obviously I can easily get the values for name and description, but the key for my array of items is messed up. I'm sure it's something simple, but I seem to keep running around the solution. Any suggestions? Thanks!

Hi Could you post your Wicket AjaxBehavior code. I has a problem (stackoverflow.com/questions/4976244/… ) in that my onRequest() does not seem to be receiving any data. Thanks — user193116
– user193116, Commented Feb 12, 2011 at 14:48

Matthew Flaschen · Accepted Answer · 2010-07-07 00:46:47Z

47

You have to use JSON.stringify:

$.ajax({
    type: 'post',
    data: JSON.stringify(lookup),
    contentType: 'application/json',
    dataType: 'json'
});

You should also specify 'application/json' as the contentType. By default jQuery will serialize objects with application/x-www-form-urlencoded (even if the contentType is application/json'). So you have to do it manually.

EDIT: Key for 'post' should be type, not method.

edited Jul 7, 2010 at 0:46

answered Jul 2, 2010 at 19:01

Matthew Flaschen

286k53 gold badges523 silver badges554 bronze badges

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

3 Comments

Jared Over a year ago

jQuery automatically adds the content type as application/json when you specify the dataType as json, doesn't it? I did need to stringify my JSON, though, which solved my problem. Thanks for catching that! Also, if you want your data to come back as a parameter value and not a key, send it like this: data: {'lookup': JSON.stringify(lookup)}

Matthew Flaschen Over a year ago

@Jared, no. dataType specifies what you expect the server to send. contentType is the content type you're sending, and jQuery will not change it based on dataType. And {'lookup': JSON.stringify(lookup)} isn't quite correct. If lookup is {foo: "bar"}, that will be url-encoded to something like lookup=%7B%22foo%22%3A%22bar%22%7D That obviously isn't a valid JSON document. When you're posting application/json, you don't use url-encoding. I think this might be connected to you putting method: 'post'. It should be type: 'post'. Method is ignored, and the default is GET.

Jared Over a year ago

Note: If you get a "JSON is undefined" error (IE6/7) you'll need to include json.org's latest json.js file in your page.

Collectives™ on Stack Overflow

JSON formatting (Sending JSON via jQuery AJAX post to Java/Wicket server)

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related