Ajax to update a value in a table not working - ruby-on-rails

Question

Ajax call to call POST of a model return 404 error
Not sure why there are 2 post calls made.
Is the route the issue?
show.html.erb:
<script type="text/javascript">
var apiKey = '<%= #api_key %>';
var sessionId = '<%= #room.session_id %>';
var token = '<%= #token %>';
var room = '<%= #room %>';
</script>
<%= debug #room %>
<input type="hidden" name="_method" value="put" />
<script>
var session;
var connection_id;
var connectionCount;
initializeSession();
// Connect to the session
session.connect(token, function(error) {
// If the connection is successful, publish to the session
console.log("session connected")
if (error) {
handleError(error);
} else {
session.publish(publisher, handleError);
}
});
session.on("connectionCreated", function(event) {
console.log("connectionCreated");
console.log(room.id);
connectionCount++;
// jqueryFunction("Call from js to jquery");
$.ajax({
type: "PUT",
data: JSON.stringify({ room: {name: 'New_room'}, _method:'put' }),
url: "/rooms/" + room.id + "/connected",
contentType: 'application/json'
}).done(function( msg )
{
alert( "Data Saved: " + msg );
});
}
</script>
room GET /rooms/:id(.:format) rooms#show
PATCH /rooms/:id(.:format) rooms#update
PUT /rooms/:id(.:format) rooms#update
DELETE /rooms/:id(.:format) rooms#destroy
def update
# #room.update_attributes(params[:name])
end
Error:
POST http://localhost:3000/room/6 404 (Not Found)
POST http://localhost:3000/rooms/room 404 (Not Found)

Answer 1

Rails generate put request by inject the hidden field in the form with name of _method and the value put, like this
<input type="hidden" name="_method" value="put" />
so you need to change to this
$.ajax({
type: "POST",
dataType: "script",
url: '/rooms/5',
contentType: 'application/json',
data: {rooms:{name: "New_room"}, _method: "put"}
}).done(function( msg ) {
alert( "Data Saved: " + msg );
});
});