0

Ruby on Railsのjs.erbファイルでlink_toの書き方が分かりません。
ajax通信のhtmlのlink_toにパラメータを付与したいです。
解決策見つからず、お力をお貸しください。

js.erbファイル

function appendCompany(company) {
    var html = 
      `
      <div class="company-list">
      <div class="company-list">
          <div class="company-list__element">
          <%= link_to "${company.name}", user_companies_path(company_id: ${company.id} ) %>
          </div>
      </div>
      </div>
      `
    $("#search-result").append(html)
  }
2
  • 現状のソースコードではどんな問題がありますか? / まずドキュメントに頼る癖をつけるとよいかもしれません。 英文にはなりますがご参考: ActionView::Helpers::UrlHelper
    – cubick
    Commented 2020年6月12日 12:37
  • ご指摘ありがとうございます。今一度ドキュメント確認してみます。
    – sakamoto
    Commented 2020年6月12日 16:43

1 件の回答 1

1

たぶん前回の質問の続きだと思うのですが

form_tag search_user_searches_path(current_user), :method => 'get', remote: true

でサブミットするとコントローラーの

 def search
    @companies = Company.where("name LIKE ?", "%#{params[:keyword]}%")
    respond_to do |format|
      format.html
      format.json
    end
  end

に content-type application/javascript でとんできます

そしてコントローラーを通過すると

@companies = Company.where("name LIKE ?", "%#{params[:keyword]}%")

が定義された状態で search.js.erb のビューを実行します

なので javascript ではなく rails のコンテキストで検索結果を保持しています
したがって search.js.erb は以下のようになります

var html = 
      `
      <div class="company-list">
          <% @campanies.each do |campany| %>
            <div class="company-list__element">
            <%= link_to user_companies_path(company) %>
            </div>
          <% end %>
      </div>
      `
    $("#search-result").append(html)

一応これだけでも動くようにはなると思うんですが
さらに JS の中に HTML かくのはあれなので

search.js.erb は

$("#search-result").append("<%= j(render 'search_results') %>");

とだけかいておいて
(j() は javascript 文字列にエスケープしてくれるおまじない)

_search_results.html.erb の中に

<div class="company-list">
  <% @campanies.each do |campany| %>
     <div class="company-list__element">
       <%= link_to user_companies_path(company) %>
     </div>
  <% end %>
</div>

のようにかくのがレールに乗ったいわゆる「控えめなJavaScript」な書き方になります
javascript のコードはわずか1行で ajax が実現できるわけですね

ただなれると便利ですがはじめてだとわかりにくい部分もあるので
javascript になれてるのであれば
$ajax で普通に json やりとりして javascript メインで書くのもありかも

動作してないので細かいスペルミス文法ミス等あるかもしれません

1
  • ご丁寧にありがとうございます。大変参考になりました。また何かありましたらお願いいたします。
    – sakamoto
    Commented 2020年6月13日 1:06

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。