Rails update with ajax

Question

Trying update post with ajax.

posts_controller.rb

def update
  if @post.update_attributes(post_params)
    flash[:notice] = 'Post updated!'
    redirect_to @post
  else
    flash[:alert] = 'Something wrong'
    render :edit
  end
end

application.js

$('.simple_form.edit_post').submit('submit', function (e) {
  e.preventDefault();
  form = $(this).serialize();
  $.ajax({
    type: 'POST',
    action: $(this).attr('action'),
    data: form,
    dataType: 'JSON'
  }).done(function (data) {
    alert(data.notice);
  }).fail(function (data) {
    alert(data.alert);
  });
});

When i try update i get error in Chrome console Page not found and alert output undefined

This may help http://stackoverflow.com/questions/23967390/rails-flash-notice-via-ajax — Stephen C, Oct 19 '16 at 22:30

Mauricio Coniglio · Answer 1 · 2016-10-20T00:02:52.267

First of all you should make a PUT/PATCH request instead of a POST request because you are making an update.

Also you should specify the url on the ajax request.

$('.simple_form.edit_post').submit('submit', function (e) {
    e.preventDefault();
    form = $(this).serialize();
    $.ajax({
        type: 'PATCH',
        url: '/posts',
        data: form,
        dataType: 'JSON'
    }).done(function (data) {
        alert(data.notice);
    }).fail(function (data) {
        alert(data.alert);
    });
});

Also, in your controller you should be able to respond to the ajax request in json format.

def update
  if updated = @post.update(post_params)
    flash[:notice] = 'Post updated!'
  else
    flash[:alert] = 'Something wrong'
  end

  respond_to do |format|
    format.html { updated ? redirect_to @post : render :edit }
    format.json { render json: flash.to_hash }
  end
end

Rails update with ajax

1 Answers1