我想将一些数据作为 html 属性发布。假设有一个rails变量
@fields = [{:name => "id", :type => :integer}]
我想在页面中发布与 jquery 的 .data() 一起使用。所以在 .html.erb 我有
<%= form_tag( {:action => 'whatever'}, {... , :"data-fields" => h(@fields.to_json)}) %>
但是在渲染时，字符串[{"name":"id","type":"integer"}] 中的引号会混淆其他属性，因为Rails form_tag 使用双引号将整个json 字符串括在双引号中。如何从 Rails 发布带有字符串的 json 作为属性？
【问题讨论】：
标签： ruby-on-rails json jquery html html-escape
您是否尝试过以下方法？
<%= form_tag { :action => "whatever" }, { :data => { :fields => h(@fields.to_json) } } %>
【讨论】：
你试过escape_javascript 吗？虽然它有known downsides，但它并不完全用于转义 JSON，而且我不确定转义的引号是否适用于 HTML 属性。
【讨论】：
episode on railscasts 使用序列化程序解决了您的情况。关键是序列化程序用 $quot; 替换了双引号。 serialuzer 还使您能够选择要序列化的属性并包含关联。
【讨论】：
经过一些试验和错误，这是可行的。
服务器端：
<% @fields = [{:name => "id", :type => :integer}] %>
<%= form_tag( '/posts/new', {id:'example',:data => { :fields=>@fields}}) %>
生成的 HTML：
<form accept-charset="UTF-8" action="/posts/new" data-fields="[{"name":"id","type":"integer"}]" id="example" method="post">
带有 JQuery 数据方法的 Javascript
fields = $('#example').attr('data-fields')
我正在使用 rails 2.3.8 和 jquery-rails 2.2.1
【讨论】：
<form accept-charset="UTF-8" action="/organisms/queue_upload" class="form-horizontal" data-fields="[{"name":"id","type":"integer"}]" id="map_form" method="post"> 双引号到处乱七八糟，因此浏览器将其解释为 <form method="post" id="map_form" name":"id","type":"integer"}]"="" data-fields="[{" class="form-horizontal" action="/organisms/queue_upload" accept-charset="UTF-8">
以下是我回避问题的方法：
在表单标签中，我做了:"data-fields" => @fields.to_json.gsub('"',"'")。
这会产生这种 HTML：
"data-fields"="[{'name':'id','type':'integer'}]"
然后，在 JS 中，我像这样检索它：
$.parseJSON($('form').data('fields').replace(/'/g,'"'))
【讨论】：
[{id:1,type:a},{id:2,type:z},...]，所以我可以创建两个数组，然后使用索引来链接它们。在一般情况下，虽然应该有一种附加有效 json 属性的方法。