jqueryの非同期通信について

Question

前提・実現したいこと

jqueryで非同期通信を使うときの質問です。
自分はいつも、以下のような方法で投稿内容の保存と表示をしています。
以下は自分の簡単なメモの投稿と表示をするコードの一部です。

投稿画面とメモの表示

<%= form_for @memo, remote: true do |f| %>
  <%= f.text_field :text %>
  <%= f.submit '投稿' %>
<% end %>
<ul>
  <%= render @memos %>
</ul>

変更後のメモのレコードを挿入

$("#memo_text").val(""); // 入力フォームを空欄にする処理
$("ul").html("<%= j(render @memos) %>");

メモのテキスト表示の部分テンプレート

<li>
 <%= memo.text %>
</li>

コントローラの記述

class MemosController < ApplicationController
  def index
    @memos = Memo.all
    @memo = Memo.new
  end

  def create
    Memo.create(memo_params)
    @memos = Memo.all
  end
  
  def destroy
    Memo.find(params[:id]).destroy
    @memos = Memo.all
  end

  private
  def memo_params
    params.require(:memo).permit(:text)
  end
end

　しかし、これだと部分テンプレートのファイルが勝手に「memos/_memo.html.erb」になってしまい、自分で指定することができず、困っています。

　部分テンプレートを指定できかつ、非同期通信ができるコードの書き方のアドバイスをください。
よろしくお願いします。

Comments

[m.ts10806]

これは非同期うんぬんよりRuby on Railst特有の話では。
タグを追加してください。※私はそもそもRuby詳しくないので回答できませんが

[Raleigh]

指摘ありがとうございます。

[miyabi_pudding]

jQueryの処理を、Ruby on Railsの処理を通さないのであれば、
Ruby on Rails記載ではなく、HTMLまんまのコードにする必要があると思いますよ。

Answer 1

部分テンプレートのファイルが勝手に「memos/_memo.html.erb」になってしまい、自分で指定することができず、困っています。

この部分の回答になりますが、確か...

render @memos

は

render partial: 'memos/memo', collection: @memos

の省略だったと思います。なので...

$("ul").html("<%= j(render partial: 'template/name', collection: @memos) %>");

こんな感じで書けるはずです。

Comments

[Raleigh]

解決しました！
ありがとうございます