如何将 Rails 变量传递给 jQuery 函数？

Question

我正在制作非常简单的 ROR (rails 2.3.5) 应用程序并使用 jQuery 插件 jRails。这个想法是在 jQuery youtube 播放器中进行修改，它将播放 ror 控制器列表中的随机视频。

controller.rb

    def show
    @clip = Video.find(:all, :select =>'link', :order => 'RANDOM()', :limit => 1).map(&:link)
    respond_to do |format|
      format.html 
     end
  end

show.html.erb

<div id="random">
<%=@clip%>
</div>

这里的链接只是一个随机的 YouTube 链接。对我来说，问题是如何在这个 jQuery 函数中获取这个变量？

application.js

 $(document).ready(function(){
    $('#player').youTubeEmbed("http://www.youtube.com/watch?v=ZDFlmxmBne8")

});

非常感谢您的帮助。

Answer 1

保持 Rails 代码不变并在 jQuery 中使用：

$(document).ready(function(){
  $('#player').youTubeEmbed($('#random').text())
});

为了增强可访问性，我将 erb 更改为：

<div id="random">
<%=link_to h(@clip), h(@clip) %>
</div>

然后是 js：

$(document).ready(function(){
  $('#player').youTubeEmbed($('#random a').attr('href'));
  $('#random').hide();
});

Answer 2

假设变量包含 URL，如下所示：

$(document).ready(function(){
    $('#player').youTubeEmbed("<%=escape_javascript(@clip)%>");
});

（抱歉，忽略了 JavaScript 与 HTML 不在同一个文件中的事实 - 以及它不应该是！）

假设变量包含 URL，如果您不希望显示 URL，您可以将其嵌入到页面变量中，如下所示（替换 div 代码在 show.html.erb 中包含以下内容）：

<script type='text/javascript'>
window.myStuff = {
    clipUrl: "<%=escape_javascript(@clip)%>"
};
</script>

...（或

<script type='text/javascript'>
var myStuff = {
    clipUrl: "<%=escape_javascript(@clip)%>"
};
</script>

...几乎是同一件事）。

...然后你可以像这样使用它：

$(document).ready(function(){
    $('#player').youTubeEmbed(window.myStuff.clipUrl);
});

当以这种方式输出变量的值时，你需要确保写出的内容最终是有效的 JavaScript。例如，如果 @clip 变量包含 " 或 \，您需要确保 "< /code> 被转换为 \" 并且任何单独的反斜杠都被转换为 \\。 Jakub Hammpl 很有帮助地指出了 escape_javascript 函数，我已将其编辑到代码中 这样做意味着

我们要在 window 上放置一个新符号，这样如果我们需要对其他东西执行此操作，我们可以将它们包含在同一个对象中。所以我们最终不会得到到处都是符号的结果（创建大量全局符号——也就是说，window属性——往往会成为维护问题，最好避免）。例如，如果您有两个剪辑：

<script type='text/javascript'>
window.myStuff = {
    someNiftyClip:      "<%=escape_javascript(@clip)%>",
    someOtherNiftyClip: "<%=escape_javascript(@anotherClip)%>"
};
</script>

偏离主题：在调用youTubeEmbed的行中，请注意我在末尾添加了一个分号。最好不要依赖 JavaScript 的分号插入。

Answer 3

您可以将变量放入隐藏字段中，然后可以在 $('#hiddenFieldID').val(); 等函数中使用它