How do I PUT data to Rails using JQuery

Question

I am trying to send a jquery ajax PUT request that looks like this:

$.ajax({
          type: "PUT",
          url: '/admin/pages/1.json',
          data: { page : {...} },
          dataType: 'json',
          success: function(msg) {
            alert( "Data Saved: " + msg );
          }
});

but I get the following error:

The error occurred while evaluating nil.name
    /Library/Ruby/Gems/1.8/gems/activesupport-2.3.2/lib/active_support/xml_mini/rexml.rb:29:in `merge_element!'
    /Library/Ruby/Gems/1.8/gems/activesupport-2.3.2/lib/active_support/xml_mini/rexml.rb:18:in `parse'
    (__DELEGATION__):2:in `__send__'
    (__DELEGATION__):2:in `parse'
    /Library/Ruby/Gems/1.8/gems/activesupport-2.3.2/lib/active_support/core_ext/hash/conversions.rb:154:in `from_xml' ... ...

Is like Rails is trying to parse the params as XML, but I want to use JSON!!

What shall I do to put JSON to rails?

Josh K · Accepted Answer · 2011-01-10 19:29:53Z

85

PUT and DELETE are not supported by all browsers, RubyOnRails supports passing an extra parameter with your data called _method which will indicate how RoR will treat the request.

$.ajax({
          type: "POST",
          url: '/admin/pages/1.json',
          data: { _method:'PUT', page : {...} },
          dataType: 'json',
          success: function(msg) {
            alert( "Data Saved: " + msg );
          }
});

edited Jan 10, 2011 at 19:29

Josh K

28.9k20 gold badges89 silver badges132 bronze badges

answered May 25, 2009 at 20:31

duckyflip

16.5k5 gold badges36 silver badges35 bronze badges

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

9 Comments

Matthew Flaschen Over a year ago

That doesn't seem to be the issue here (and do any modern web browsers really lack support for PUT?). The server /is/ receiving the data, just not parsing it the right way.

Kris Over a year ago

yes most browsers lack PUT and DELETE, only GET and POST. The server could be getting the data on the wrong action, ie. if its a POST it would normally map to the Create action and a PUT would map to the Update action.

mogsie Over a year ago

annevankesteren.nl/2007/10/http-method-support would have me believing otherwise (i.e. that a lot of browsers actually do support PUT and DELETE).

Marc-André Lafortune Over a year ago

The data is wrong and dataType is not what needs to be set. Lost an hour because of this answer.

Marc-André Lafortune Over a year ago

@pascalbetz: The correct answer is lqc's. This answer will not make Rails parse this request as json, it will only return json.

|

E. Zenk · Accepted Answer · 2015-09-02 16:46:17Z

37

The dataType param in jQuery isn't what you send, but rather specifies the format you expect the answer to be (yes, that's a very poor name). If you want to send your data to the server in a format other then application/x-www-form-urlencoded you should use contentType param. You also need to serialize your data:

$.ajax({
      type: "PUT",
      url: '/admin/pages/1.json',
      data: JSON.stringify({...}),
      contentType: 'application/json', // format of request payload
      dataType: 'json', // format of the response
      success: function(msg) {
        alert( "Data Saved: " + msg );
      }
});

edited Sep 2, 2015 at 16:46

E. Zenk

234 bronze badges

answered Oct 27, 2010 at 17:50

lqc

7,4081 gold badge28 silver badges27 bronze badges

Comments

joshua.paling · Accepted Answer · 2015-03-13 08:25:58Z

5

Ok, actually my JSON data didn't have the page key, my mistake. So thats why it was not correctly parsing. But now I get "[object Object]" string as the value for page key instead of a nicely parsed json object.

Where should I look: JQuery or Rails?

EDIT:

I've solved my issue stringifying the json object with a script found here: www.json.org/js.html:

$.ajax({
      type: "PUT",
      url: '/admin/pages/1.json',
      data: { page : JSON.stringify( {...} ) },
      dataType: 'json',
      success: function(msg) {
        alert( "Data Saved: " + msg );
      }
});

On the rails side json gem must be required. In the controller:

 params[:page] = JSON.parse params[:page] if params[:page].is_a? String

edited Mar 13, 2015 at 8:25

joshua.paling

14k4 gold badges47 silver badges61 bronze badges

answered May 25, 2009 at 21:23

Macario Ortega

3 Comments

Kris Over a year ago

I get JSON.strigify not defined, is there a JQuery lib to include?

Dylan Over a year ago

That's a typo. It should be "stringify".

Alex Over a year ago

My issue is even though the database is being updated the request stays pending.

dsn raghavendra rao · Accepted Answer · 2016-10-27 11:50:14Z

2

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

answered Oct 27, 2016 at 11:50

dsn raghavendra rao

1961 silver badge6 bronze badges

Comments

Michael Berkowski · Accepted Answer · 2013-02-16 21:58:58Z

1

I had a similar problem [object Object] with jQuery/rails, but with HTML, rather than JSON. Perhaps this will help -

param of [object Object]

data: { lesson: { date: drop_date } }

param of lesson[date]

data: { "lesson[date]": drop_date }

hope this helps -

edited Feb 16, 2013 at 21:58

Michael Berkowski

271k47 gold badges450 silver badges395 bronze badges

answered Dec 7, 2009 at 13:00

theschmitzer

13k11 gold badges43 silver badges49 bronze badges

Comments

Carlos A. Cabrera · Accepted Answer · 2010-12-22 02:30:00Z

0

You probably just need to set the Request Headers on jQuery.

jQuery.ajaxSetup({ 
  'beforeSend': function(xhr) {
    xhr.setRequestHeader("Accept", "text/javascript");
  }
})

answered Dec 22, 2010 at 2:30

Carlos A. Cabrera

1,99415 silver badges14 bronze badges

Collectives™ on Stack Overflow

How do I PUT data to Rails using JQuery

6 Answers 6

9 Comments

Comments

3 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

9 Comments

Comments

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related