Элемент обновления Rails на основе запроса AJAX?

Не уверен, что понимаю вопрос, но если вы хотите обновить кнопку «Мне нравится»:

Что вы хотите сделать, так это добавить прослушиватель событий к кнопке, и при нажатии он отправляет запрос POST на любой маршрут, обрабатывающий лайки (с правильными параметрами), и ваш контроллер должен ответить подобным объектом (или что-то еще в базе данных сохраняется). Попросите ваш почтовый запрос об успешном методе захватить кнопку «Нравится» и изменить ее на то, что вы хотите, чтобы она выглядела.

$(“#like-btn”).click(function(){ 
Rails.ajax({
  url: "/some/url/to/like/controller",
  type: "post",
 data: [your post data],
  success: function(data) { $(`#${ data[“btn-name”] }`).attr(“color”, “blue”; }
})    
}

Вы можете вставить этот скрипт прямо внизу html-страницы

Вам не обязательно делать это именно так, просто дайте вам представление о том, как настроить шаблон, чтобы JavaScript и Ajax обрабатывали запрос на публикацию и обновление внешнего интерфейса вместо использования кнопок html.

Ваше описание совершенно верно! В отличие от другого ответа, вам даже не нужен прослушиватель событий, но, как вы сказали, вы хотите иметь respond_to в контроллере. Итак, начиная с html:

# post/index.html.erb
<div id = "like-button">
  <%= button_to "Like this post", post_path(@post), remote: true %>
</div>

Обратите внимание, что при использовании помощника button_to по умолчанию это будет запрос POST.

Если вы щелкнете по нему, он перейдет к controller#update, который вы хотите изменить на это:

#posts_controller.rb
...
def update
  @post.save
    respond_to do |format|
      format.html { redirect_to post_path(@post) } 
      format.js  # <-- will render `app/views/posts/update.js.erb`
    end
end

Примечание: format.html отображается, когда JS отключен. Теперь в сценарии, когда JS включен, он выполняет файл app/views/posts/update.js.erb. Это может выглядеть так:

const likeButton = document.getElementById('like-button');
likeButton.innerHTML = '<%= j render "posts/liked-link", post: @post %>';

Что делает последняя строка? Конечно, вы можете изменить стиль непосредственно с помощью JavaScript, но вы также можете отобразить новый партиал — и вы создадите его в новом html-файле:

# app/views/posts/liked_link.html.erb
<div id = "like-button ">
 <p>"You liked this post!" </p>
</div>

Я только что изменил ссылку/кнопку на p сейчас, но, конечно, вы можете делать все, что хотите.

Надеюсь, это имеет смысл :)