How to send json request to rails using jquery

Question

I would like to send JSON post request to rails 3 server. I have following ajax request:
$.ajax({ type: 'POST', contentType: "application/json", url: url, data: {email: "[email protected]", password: "password"}, success: onSuccess, error: onError, dataType: "json" });

However the rails server receive the data as following:
{"_json"=>["object Object"]}
Where I want it to receive it as:
{"email"=>"[email protected]", "password"=>"[FILTERED]"}

I think this is happening because the jquery wraps the data with _json object if the content type is json.

Does anybody know how I should do this?

katsuya · Accepted Answer · 2011-08-17 22:43:16Z

4

This turns out to be because of bugs in old version of jquery. I now user jquery version 1.5 and send post request as follow:

$.post(url, { email: emailVal, password: passwordVal }, callback, "json").error(errorHandler);

It now works perfectly fine.

answered Aug 17, 2011 at 22:43

katsuya

1,2143 gold badges16 silver badges21 bronze badges

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

Comments

Chris Bailey · Accepted Answer · 2011-04-19 21:41:47Z

2

have you tried doing the serialization yourself (using jQuery.param)?

jQuery.param({email: "[email protected]", password: "password"})
==> "email=example%40test.com&password=password"

So that your ajax request becomes:

$.ajax({ type: 'POST',
contentType: "application/json",
url: url, data: $.param({email: "[email protected]", password: "password"}),
success: onSuccess,
error: onError,
dataType: "json"
});

answered Apr 19, 2011 at 21:41

Chris Bailey

4,13626 silver badges28 bronze badges

3 Comments

katsuya Over a year ago

Actually, jquery serialize the passed data in default.

Chris Bailey Over a year ago

@knoguchi - yep - jQuery.param is what jQuery uses to serialize the object. I was just wondering if doing the serialization elsewhere (rather than .ajax doing it itself) would help solve the problem.

katsuya Over a year ago

Thanks for the suggestion. I have tried serialize manually as you suggested but it did not change anything unfortunately.

eggie5 · Accepted Answer · 2011-04-19 19:41:39Z

0

According to jquery docs it seems like if you pass in an object to data it will try some automatic deserialization.

Set processData: false and then set data to json string.

http://api.jquery.com/jQuery.ajax/

answered Apr 19, 2011 at 19:41

eggie5

1,96018 silver badges27 bronze badges

1 Comment

katsuya Over a year ago

Thanks for the answer. I have already tried not deserializing it but it wasn't the problem.

Collectives™ on Stack Overflow

How to send json request to rails using jquery

3 Answers 3

Comments

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related