Rails|jQueryでUncaught SyntaxError: missing ) after argument listと言うエラーが出る

Question

こんにちわ。

私は現在、jQueryを使ってRailsのwebサイトを制作していて、以下のようなファイルを作っています。

#rate_change.js
$(document).ready(function(){
  $.ajax({
    url: '/home/index',
    type: 'GET',
   })
   .done(function(data) {
     $('#rate_viewer').html('<%= escape_javascript(render partial:'gokkorates/gokkorate',locals:{gokkorate:@gokkorate}) %>');
 })
})

しかし、

Uncaught SyntaxError: missing ) after argument list

と言うエラーが表示されてしまい、上手く実装ができません。

エラーを読むと「閉じカッコの使い方が間違っているよ」と言うのはわかるのですが、何回もコードも読み直しても間違っているように見えないのです。

また、先ほどのrate_change.jsは、下記のgokkorate.rb内のメソッドが実行された時に読み込むようにしています。

#gokkorate.rb
class Gokkorate < ApplicationRecord

  def self.create_rate #一定時間ごとに実行するように設定済み
   省略
      Gokkorate.create(g_rate: rating)
    
    render 'rate_change'
  end
end

また、今回はhomes/index.html.erbに表示されるようにしています。

#homes/index.html.erb
<h1>現在のレート</h1>
<div id="rate_viewer">
  <%= render partial:'gokkorates/gokkorate',locals:{gokkorate:@gokkorate} %>
</div>

#gokkorates/_gokkorate.html.erb
<%= gokkorate.g_rate.to_s %>

もし、解決策が分かる方がいれば、ご教授願いたいです。
よろしくお願い致します。

Comments

[Lhankor_Mhy]

<%= escape_javascript(render partial:'gokkorates/gokkorate',locals:{gokkorate:@gokkorate}) %> の部分がどのようなコードにレンダリングされているかによるかと思います。Railsだと思うので、タグに追加してはいかがですか？

[退会済みユーザー]

コメントありがとうございます。ご教授の通り、タグや質問内容の追記を致しました。

[Lhankor_Mhy]

Railsは全く分からないのですが、もしかして、①jQueryでテンプレート文字列をHTMLに挿入　→　②そのテンプレート文字列をRailsでレンダリング　みたいなことをやろうとしてたりしませんか？

[退会済みユーザー]

コメントありがとうございます。おそらく、ご指摘の様な方法でやろうとしています。

[Lhankor_Mhy]

jQuery が動作するのは、Rails のレンダリングが終わった後なので、その建付けは無理ですね。そのテキストがそのままjavascriptとして評価されていると思いますよ。

[退会済みユーザー]

確かに、<%= escape_javascript(render ～ %>のコードがそのまま表示されていますね。ただ解決の糸口が見えてきたので、色々調べ直して頑張ります。今回は、お付き合い頂き、ありがとうございました。

Answer 1

もしかして、文字列として繋げられてないだけでは…？
違ったらすみません。

$('#rate_viewer').html('<%= escape_javascript(render partial:'+(gokkorates/gokkorate)+',locals:{gokkorate:@gokkorate}) %>');

Comments

[退会済みユーザー]

ご回答ありがとうございます。
ご教授の通り試してみましたが、上手く表示されませんでした。

質問にお答えいただけだだけでも嬉しいです！
ありがとうございます。