Rails acts_as_votable使用AJAX停止页面重载

gem 'acts-as-votable'

class Post < ApplicationRecord
  acts_as_votable
end

class User < ApplicationRecord
  acts_as_voter
end

class VotesController < ApplicationController
  def upvote
    @post = Post.find(params[:id])
    @post.upvote_by(current_user)
    render json: { count: @post.get_upvotes.size }
  end

  def downvote
    @post = Post.find(params[:id])
    @post.downvote_by(current_user)
    render json: { count: @post.get_downvotes.size }
  end
end

resources :posts do
  member do
    post 'upvote'
    post 'downvote'
  end
end

<%= link_to 'Upvote', upvote_post_path(@post), method: :post, remote: true, data: { type: :json } %>
<%= link_to 'Downvote', downvote_post_path(@post), method: :post, remote: true, data: { type: :json } %>
<span id="vote-count"><%= @post.get_upvotes.size %></span>

document.addEventListener('DOMContentLoaded', function() {
  document.querySelectorAll('[data-type="json"]').forEach(function(link) {
    link.addEventListener('ajax:success', function(event) {
      var data = event.detail[0];
      document.getElementById('vote-count').textContent = data.count;
    });
  });
});