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 已经运行。