如何使用.js.erb将ruby数据结构转换为javascript数据结构？

Question

我有一个.js.erb模板,我正在做:

var foo = <%= [1,2,3] %>;
var foo2 = <%= [1,2,3].to_json %>;
var foo3 = <%= ["bar"].to_json %>;
var foo4 = <%= {:foo => "bar"}.to_json %>;

---

foo等于123

foo2等于[1,2,3]

foo3未定义(因为浏览器抱怨解析错误)

foo4未定义(因为浏览器抱怨解析错误)

---

我能弄清楚如何使foo3工作的唯一方法是:

var foo3 = "<%= ['bar'].to_json %>";    # foo3 => "[&quot;bar&quot;]"
foo3.replace(/&quot;/g, "\""))          # => "['bar']"  <-- looks like eval should work...
eval(foo3.replace(/&quot;/g, "\""))[0]; # => "bar" ... it works

我无法以这种方式工作......我尝试过:

var foo4 = <%= "{:foo => 'bar'}.to_json" %>;  # foo4 => "{&quot;foo:&quot;:&quot;bar&quot;}" %>;
foo4.replace(/&quot;/g, "\""));               # => "{"foo":"bar"}"  <-- looks like eval should work
eval(foo4.replace(/&quot;/g, "\""));           # => "Parse error"   <-- but it doesn't...

最重要的是,所有这些都需要使用eval的东西是荒谬的 - 必须有一个更好的方法!有人可以告诉我它是什么？!？!

Answer 1

问题是.to_json ecapes html实体!

解决方案是:

var foo = <%= {:lol => ["lmaonade","rotflcopter"]}.to_json.html_safe}%>

这给了我:

{"lol": ["lmaonade", "rotflcopter"]}