javascript - Javascript 中的 Erb 导致页面加载错误

Question

在我的文件 views/posts/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 尚不存在，我在页面加载时遇到错误。这应该在上传完成时触发，因此当文件存在时。

我怎样才能避免这个错误？我不明白为什么当我在“完成”事件上定义它时它会在页面加载时执行，而且我没有看到替代方案。

Answer 1

里面的代码<% ... %>在将 javascript 发送到客户端之前执行。生成了 javascript，<%= %>标签被替换为在其中运行代码的结果。因此，例如，如果您有:

I am <%= "super "*5 %>awesome.

浏览器看到的是:

I am super super super super super awesome

因为代码"super "*5 已经运行。