jQuery and Rails ajax request and response

Question

Trying the basic stuff,

request with data and response with data and print it with jQuery and Rails

This is the front code.

$("#internal_btn").click(function() {
            //window.alert("clicked internal btn!");
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "/room/test",
                //data: "{'data1':'" + value1+ "', 'data2':'" + value2+ "', 'data3':'" + value3+ "'}",
                data: {name:"ravi",age:"31"},
                dataType: "json",
                success: function (result) {
                //do somthing here
                    window.alert("success!!");
                },
                error: function (){
                    window.alert("something wrong!");
                }
            });
        });

in here, if the user clicks internal_btn this event happens and goes to the servide

room/test action.

ok this is fine. But I'm not sure how to send the data.

If i run this, i have an error like this.

MultiJson::LoadError

795: unexpected token at 'name=ravi&age=31'

Can i know what the problem is?

Also, is there are good example with this request and response with json format?

I googled a lot, but not satisfied with the result :(

can you show us your controller action that respond json data — medBouzid
– medBouzid, Commented Nov 20, 2013 at 4:56
Thanks for the response. I didn't make the controller action. First i'm trying to request to the controller and get the pararmeters from the front. — Canna
– Canna, Commented Nov 20, 2013 at 5:08

Rohan Kumar · Accepted Answer · 2013-11-20 05:55:51Z

4

Try to use stringify your data or use GET method like,

data : JSON.stringify({name:"ravi",age:"31"}),

Full Code,

$.ajax({
     type: "POST",// GET in place of POST
     contentType: "application/json; charset=utf-8",
     url: "/room/test",
     data : JSON.stringify({name:"ravi",age:"31"}),
     dataType: "json",
     success: function (result) {
        //do somthing here
        window.alert("success!!");
     },
     error: function (){
        window.alert("something wrong!");
     }
});

edited Nov 20, 2013 at 5:55

answered Nov 20, 2013 at 4:56

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

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

2 Comments

Canna Over a year ago

Thannks, i dont' know why, but i changed the type to "GET" and now it works. :)

Fernando Kosh Over a year ago

To help others: I think the colleague has incorrect routes. Because of this, the code works when change from POST to GET.

Collectives™ on Stack Overflow

jQuery and Rails ajax request and response

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related