Создаем приложение для теста:
Code:
rails new ajax_my_test
cd ajax_my_test
rails generate scaffold Staff name:string profession:string
rake db:migrate
rails s
Добавляем
в application.js , чтобы получилось примерно так:
Code:
//= require jquery
//= require rails-ujs
//= require turbolinks
//= require_tree .
Зачем? читаем
здесь
:
Rails 5.1+
The Rails JavaScript helpers has been rewritten in a new gem called rails-ujs and they use vanilla JavaScript, so jQuery is not a dependency of Rails anymore. Since bootstrap relies on it, install it with bin/yarn add jquery and add //= require jquery to application.js.
Добавляем в Gemfile:
Code:
# Use jquery as the JavaScript library
gem 'jquery-rails'
Добавляем в
- файл destroy.js.erb, содержащий:
Code:
$('.delete_staff').bind('ajax:success', function(){
$(this).closest('tr').fadeOut();
});
Находим в
Code:
app/view/staffs/index.html.erb
строчку
Code:
<td><%= link_to 'Destroy', staff, method: :delete, data: { confirm: 'Are you sure?' } %></td>
, которую заменяем на
Code:
<td><%= link_to 'Destroy', staff, method: :delete, data: { confirm: 'Are you sure?' },
:remote => true, :class => 'delete_staff'%></td>
Находим в контроллере метод
Code:
def destroy
@staff.destroy
respond_to do |format|
format.html { redirect_to staffs_url, notice: 'Staff was successfully destroyed.' }
format.json { head :no_content }
end
end
, который приводим к следующему (добавляем всего одну строчку):
Code:
def destroy
@staff.destroy
respond_to do |format|
format.html { redirect_to staffs_url, notice: 'Staff was successfully destroyed.' }
format.json { head :no_content }
format.js { render :layout => false}
end
end
И теперь пробуем создать и затем удалить стаффа.
