无需在Rails中重新加载页面即可更新like计数

<button id="likeButton">Like</button>
<span id="likeCount">0</span>

<script>
  document.getElementById("likeButton").addEventListener("click", function() {
    // 发送Ajax请求
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "/likes", true);
    xhr.setRequestHeader("Content-Type", "application/json");
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4 && xhr.status === 200) {
        // 更新页面上的like计数
        document.getElementById("likeCount").textContent = xhr.responseText;
      }
    };
    xhr.send();
  });
</script>

# routes.rb
post '/likes', to: 'likes#create'

# likes_controller.rb
class LikesController < ApplicationController
  def create
    # 更新like计数
    # ...

    # 返回更新后的计数
    render plain: updated_like_count
  end
end