How do I send a put request for Ruby on Rails via AJAX

Question

I've been googling but I can't seem to get the right setup, through the things I've seen on google I ended up with this:

var dataString = $('#markerform').serialize();
        var id = $('#route_id').val()
        $.ajax({
            type: 'POST',
            url:  '/routes/'+id,
            data: { "_method":"put", dataString},
            dataType: "JSON",
            success: function(data) {
                console.log(data);
            }
        });

And this for my routes controller

def update
    @route = Route.find(params[:id])
    respond_to do |format|
        if @route.update_attributes
            format.html
            format.json { render text: "Done" }
        else
            format.json { render text: "Bad" }
        end
    end
end

But I end up with this firebug error:

SyntaxError: invalid object initializer
[Break On This Error]   

data: { "_method":"put", dataString},

How might I clean this up so I can get some success going through this app. Thanks.

@jvnill but I read it's not all browser compatible and I want to make sure I'm compatible the whole way across :)? — Datsik
– Datsik, Commented Mar 12, 2013 at 6:51
not sure about that. but in order to fix your error, you should append the additional data to the serialized attributes. if I remember correctly, dataString will be a string so just add the _method to it like dataString + '&_method=put' and just pass it to data like data: dataString — jvnill
– jvnill, Commented Mar 12, 2013 at 7:00
@jvnill could you look at my controller and tell me why it's giving me a 500 error on submit? — Datsik
– Datsik, Commented Mar 12, 2013 at 7:00

xdazz · Accepted Answer · 2013-03-12 06:54:00Z

1

Try this (※Use serializeArray instead of serialize):

    $.ajax({
        type: 'PUT',
        url:  '/routes/'+$('#route_id').val(),
        data: $('#markerform').serializeArray(),
        dataType: "JSON",
        success: function(data) {
            console.log(data);
        }
    });

answered Mar 12, 2013 at 6:54

xdazz

161k38 gold badges255 silver badges278 bronze badges

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

Comments

K D · Accepted Answer · 2013-03-12 08:32:06Z

0

Try this

var dataString = $('#markerform').serialize();
        var id = $('#route_id').val()
        $.ajax({
            type: 'PUT',
            url:  '/routes/'+id,
            data: dataString,
            dataType: "JSON",
            success: function(data) {
                console.log(data);
            }
        });

edited Mar 12, 2013 at 8:32

answered Mar 12, 2013 at 6:52

K D

6,0191 gold badge25 silver badges36 bronze badges

4 Comments

Datsik Over a year ago

but I read it's not all browser compatible and I want to make sure I'm compatible the whole way across :)?

K D Over a year ago

The PUT method comes in XHTML2.0 version. however you can pass it via $.ajax as it will just go as a parameter and your server will handle method type PUT like now.

Datsik Over a year ago

But I'm receiving the error listed at the bottom of my post, I think I have the wrong formatting of the data: any idea what's causing it?

K D Over a year ago

As you have mentioned Type, please remove "_method":"put", and try again.

Community · Accepted Answer · 2017-05-23 11:53:27Z

-1

It's been answered over at How do I PUT data to Rails using JQuery. Basically, Rails lets you do PUT calls (& any others that are unsupported) by doing a POST but adding a "_method" parameter with a value of "PUT".

edited May 23, 2017 at 11:53

CommunityBot

11 silver badge

answered Mar 12, 2013 at 7:39

Srushti Ambekallu

11 bronze badge

Collectives™ on Stack Overflow

How do I send a put request for Ruby on Rails via AJAX

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related