使用ルビー変数

Question

私は、スクリプトタグで、一番下に、new.html.erbファイルでこのスクリプトを持っていますので、私は持っている

$('div #mainPhotoDropzone').dropzone({ 
     url: "/photos?post_id=" + $("#post_form").data('post-id'), 
     complete: function(file){ 
      var url = "<%= @post.photos.first.file.path %>"; 
      $.get(url, function(data){ 
      $('#mainPhotoDropzone').attr('style', "background-image: url('" + data.main_photo + "')"); 
      }) 
     } 

しかし、@post.photos.first.file.pathはまだページロード上に存在しません。エラー。 completeイベントでこの変数を呼び出しているので（この特定の時刻に存在します）、このスクリプトを別のファイルに配置して、この作業を行うにはnew.html.erbに入力する必要がありますか？ js.erbファイルに配置する必要がありますか？

さらに一般的には、JavaScriptがページロード後にerbを解釈することなく、どうすれば使用できますか？

Answer 1

さらに一般的には、JavaScriptがページロード後にどのように使用されますか？ 解釈されません。

これはできません。 Javascriptはクライアント側、Rubyはサーバー側です。両方を同時に処理したい場合は、ActionCableまたはVoltフレームワークを考慮することができます。しかし、あなたのユースケースにはあまり適していません。

@Pointyがコメントに指摘したように、サーバーからurlを取得したいとします。実際にはあなたはそれを必要としないだけで、すべての人のために一度だけ仕事をします。例：

$('div #mainPhotoDropzone').dropzone({ 
     url: "/photos?post_id=" + $("#post_form").data('post-id'), 
     complete: function(data){ 
      $('#mainPhotoDropzone').attr('style', "background-image: url('" + data.main_photo + "')"); 
     } 
})