Rails 3 升级：使用数组作为参数从 js.erb 调用 javascript 函数

Question

升级一个旧的 Rails 应用程序，我想从原型切换到 Jquery，不显眼 javascript。

我在 public/javascripts/application.js 中定义了一个 javascript 函数 js_avancements（当我切换到资产管道模式时，此函数将移动到另一个 js 文件）。

function js_avancements (nb_bars, bars_values, bars_names) {
    // test code
    alert(nb_bars);
    for (var i=0; i<nb_bars; i++) {
        alert(bars_names[i] + " : " + bars_values[i].toString());
    }
}

我在控制器（Rails 2 / prototype）中的旧功能是

def avancements
  # Here I get values from DB
  # nb_bars = integer
  # bar_values = array of integers
  # bar_names = array of strings

  render :update do |page|
    page.replace_html "menu_avancement", :partial => "menu_avancement"
    page.replace_html "show_avancement", :partial => "show_avancement_clean"
    page.call 'js_avancements', nb_bars, bar_values, bar_names
  end
end

新版本(Rails3 / JQuery)
在控制器中：

def avancements
  # Here I get values from DB
  # @nb_bars = integer
  # @bar_values = array of integers
  # @bar_names = array of strings
  # Values for test
  @nb_bars = 4
  @bars_values = [10,17,12,8]
  @bars_names = ['Aaa', 'Bbb', 'Ccc', 'Ddd']

  respond_to do |format|
    format.js { render "update_avancements" }
  end
end

我的看法(update_avancements.js.erb)

$('#menu_avancement').html('<%= escape_javascript(render(:partial => 'menu_avancement')) %>');
$('#show_avancement').html('<%= escape_javascript(render(:partial => 'show_avancement_clean')) %>');
$(document).ready(function() {
  js_avancements(<%=@nb_bars%>, <%=@bars_values%>, <%=@bars_names%>);
});

我无法在 javascript 函数中从数组 (bar_values & bar_names) 获取值。如果我仅使用整数或字符串参数调用我的 javascript 函数，一切正常，但使用数组时没有任何反应。

我做错了什么？感谢您的帮助。

PS : 对不起我的英文，欢迎大家指正！

Answer 1

最后一个参数最有可能给您带来问题。我打赌 js 响应看起来像

js_avancements(4, [10,17,12,8], [&quotAaa&quot, &quotBbb&quot, &quotCcc&quot, &quotDdd&quot])

使用 to_json 或 to_s 和 html_safe 来解决这个问题。

js_avancements(<%= @nb_bars.to_s.html_safe %>, <%= @bars_values.to_s.html_safe %>, <%= @bars_names.to_s.html_safe %>);

Rails 3 升级：使用数组作为参数从 js.erb 调用 javascript 函数

Rails 3 upgrade : Call javascript function from js.erb with an array as parameter

javascript

jquery

ruby-on-rails

ruby-on-rails-3