Railでいいね機能を非同期通信化したのですが、いいねの多い順に並び変える機能を実装したところ非同期通信できないです

Question

前提・実現したいこと

Railsにていいねの非同期通信化には成功したのですが、いいねの多い順に投稿を表示させる機能を実装することができたのですが、多い順に表示する際に非共同通信化ができません

該当のソースコード

class BooksController < ApplicationController
  before_action :authenticate_user!

  def show
    @book = Book.find(params[:id])
    @book_new = Book.new
    @user = @book.user
     @book_comment = BookComment.new
  end

  def index
    @books = Book.includes(:favorited_users).sort{|a,b| b.favorited_users.size <=> a.favorited_users.size}
    @user = User.find(current_user.id)
    @book = Book.new
  end

  def create
    @book = Book.new(book_params)
    @book.user_id = current_user.id
    if @book.save
      redirect_to book_path(@book)
      flash[:notice]= "You have created book successfully."
    else
      @books = Book.all
      @user = User.find(current_user.id)
      render 'index'
    end
  end

  def edit
    @book = Book.find(params[:id])
    if @book.user == current_user #URLを入力しても画面に飛ばせない
        render "edit"
    else
        redirect_to books_path
    end
  end

  def update
    @book = Book.find(params[:id])
    if @book.update(book_params)
      redirect_to book_path(@book), notice: "You have updated book successfully."
    else
      render "edit"
    end
  end

  def destroy
    @book = Book.find(params[:id])
    @book.destroy
    redirect_to books_path
  end

  private

  def book_params
    params.require(:book).permit(:title, :body)
  end

end

<tbody>
            <% books.each do |book| %>
            <tr id="book_<%= book.id %>">
              <td>
                <%= link_to user_path(book.user) do %>
                <%= attachment_image_tag(book.user, :profile_image, :fill,40,40,fallback: "no-image-icon.jpg")%>
                <%end%>
              </td>
              <td><%= link_to book.title, book_path(book), class: "book_#{book.id}" %></td>
              <td><%= book.body %></td>
              <td class="favorite-btn"><%= render "favorites/favorite-btn", book: book%></td>
              <td>コメント数: <%= book.book_comments.count %></td>
            </tr>
            <%end%>
          </tbody>

試したこと

いいねの多い順に表示する際にbooks_controllerのindexアクションに
@books = Book.includes(:favorited_users).sort{|a,b| b.favorited_users.size <=> a.favorited_users.size}を追加することで
いいにの多い順に表示することができたのですが、非同期通信できず、いいね機能自体は
非同期通信化できています

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[winterboum]

多い順に並べる というのはなにをトリガーに実行するのですか？

Answer 1

非同期通信というのは画面リロードせず、いいねの多い順に並び変いたいですか？

それはjavascriptで実現できると思います、調べてみてください。

Comments

[uruman]

解決することができました。