haml/javascript/erb 转义

Question

我遇到了一个奇怪的情况，但情况是这样的：

# a HAML file
:javascript
  #{ if session[:view].blank?
        "$.ajax({
            url: 'url_for params.merge(:action => 'index')',
            dataType: 'script'})"
    else
        "$.ajax({
            url: 'url_for companies_url',
            dataType: 'script'})"
    end }

所以这基本上是将 javascript 嵌套在 ruby​​ 中，嵌套在 javascript 中，嵌套在 HAML 中。它不起作用，因为我的引号嵌套不正确。

1. 我想有更好的方法来做到这一点。有什么想法吗？
2. 上面发生的 ajax 将一些部分渲染到当前视图中并更改会话变量。如何更新此 javascript，使其在新会话[:view] 下正确运行？

Answer 1

使用 ERB 和辅助方法。它干净了很多：

# foo_helper.rb (or whichever helper is applicable for this view)
module FooHelper
  def url_for_ajax_call
    if session[:view].blank?
      url_for(params.merge(:action => 'index'))
    else
      # url_for(companies_url) is redundant
      companies_url
    end
  end
end

# view.js.erb
$.ajax({ url: <%= url_for_ajax_call %>, dataType: 'script' })

Answer 2

在我看来，你不需要切换到ERB，但辅助方法很好。我会将 URL 放入页面呈现的标签中。通常我会在锚标记的 data-href 属性中执行此操作，以实现不显眼的 javascript。例如：

= link_to "Link to index view", url_for(params.merge(:action => "index")), { 'data-href' => url_for_ajax_call }

然后：

$.ajax({ url: $(element).data('href'), dataType: 'script' })

那么您的部分需要做的就是重新渲染 link_to ，这将重新生成正确的 url_for_ajax_call 。

显然，这种方法需要做更多的工作，因为您需要向链接，您需要停止实际点击该链接（http://api.jquery.com/event.preventDefault/）。但是没有必要为单个文件切换到 ERB，您可以处理关闭 javascript 的用户，它将解决您的第二个问题。

Answer 3

我能找到的使用 haml 执行此类操作的最佳方法是将 javascript 作为文本写入 %script 块内。所以你的代码将变成：

# a HAML file
%script
  -if session[:view].blank?
    $.ajax({url: 'url_for params.merge(:action => 'index')',dataType: 'script'})
      -else
    $.ajax({url: 'url_for companies_url', dataType: 'script'})

作为奖励，你现在甚至可以进行 ruby​​ 插值：

# a HAML file
%script
  alert("#{ruby_variable}")