Ajax для голосования по сообщениям (остановка обновления страницы)

Question

Я использую в своем приложении на Rails гем "act_as_votable", чтобы пользователи могли голосовать за сообщения. Все отлично работает.

Но если вы добавите или проголосуете за сообщение, вся страница обновится. Я хочу изменить это, внедрив Ajax, который должен быть идеальным решением, чтобы не обновлять всю страницу. Это то, что я до сих пор:

routes.rb

resources :posts do 
member do
  put "like", to: "posts#upvote"
  put "dislike", to: "posts#downvote"
end
end

post.rb

class Post < ActiveRecord::Base

belongs_to :user
acts_as_votable

validates :user_id, presence: true
validates :content, presence: true, length: { maximum: 320,
too_long: "%{count} characters is the maximum allowed" }
default_scope -> { order(created_at: :desc) }

end

posts_controller.rb

class PostsController < ApplicationController

def index
..stuff here..
end

def new 
..stuff here..
end

def create
..stuff here..
end

def destroy
..stuff here..
end

def upvote
  @post = Post.find(params[:id])
  @post.upvote_by current_user
  redirect_to :back
end  

def downvote
  @post = Post.find(params[:id])
  @post.downvote_by current_user
  redirect_to :back
end

private
def post_params # allows certain data to be passed via form.
    params.require(:post).permit(:user_id, :content)
end

end

explore.html.erb

<% if @posts.each do |p| %>
<div class="panel-body">
  <p class="post-content"><%= auto_link(p.content, :html => { :target => '_blank' }) %></p>

  <%=link_to like_post_path(p), method: :put, class: 'btn btn-default btn-sm' do %>
    <span class="glyphicon glyphicon-chevron-up"></span> like <%=p.get_upvotes.size%></td>
  <% end %>

 <%=link_to dislike_post_path(p), method: :put, class: 'btn btn-default btn-sm' do %>
   <span class="glyphicon glyphicon-chevron-down"></span> dislike <%=p.get_downvotes.size%></td>
 <%end%>

</div>
<% end %>

Как мне конвертировать то, что у меня есть, в Ajax?

Answer 1

Я могу отправить запрос на получение ajax моему контроллеру и обработать его там, как вы: (post_controller.rb)

  def toggle_approve
    @a = Post.find(params[:id])
    @a.toggle!(:visible)
    render :nothing => true      # I don't my controller to redirect or render
  end

На мой взгляд, я создаю ссылку Ajax, как это (_post.erb):

<%= link_to "Approve", toggle_approve_post_path(post), :remote => true %>

В моем маршруте у меня есть собственный маршрут в моих почтовых маршрутах (rout.rb):

resources :posts do
    get 'toggle_approve',   :on => :member
  end