Ruby中的JSON多字符串在HTML中呈現錯誤

Question

我的多字字符串在DOM中沒有正確解釋。如何通過多字符串確保從服務器到HTML的JSON完整性？

在Rails控制器中，我將一個JSON對象存儲在一個變量中。當我檢入服務器日誌時，該對象格式正確。然後通過erb將該變量傳遞給視圖中的數據屬性。但是，生成的HTML不正確。

# in the controller 
@hash = {'subhash' => {'single' => 'word', 'double' => 'two words' } }.to_json 
puts @hash.inspect 

# output in the server log 
=> "{\"subhash\":{\"single\":\"word\",\"double\":\"two words\"}}" 

# view.html.erb 
<section data-hash=<%= @hash %> ></section> 

# generated html, 'double' value is incorrect 
<section data-hash="{"subhash":{"single":"word","double":"two" words&quot;}}> 

# complete data value is not obtainable in the console 
> $('section').data().hash 
< "{"subhash":{"single":"word","double":"two" 

更新

# adding html_safe does not help 
{"subhash" => {"single" => "word", "double" => "two words" } }.to_json.html_safe 

# results in 
"{"subhash":{"single":"word","double":"two" words"}} 

Answer 1

如果你把你過去的 「HTML」 的瀏覽器的解釋，並直接查看源代碼，你應該看到這樣的事情：

<section data-hash={&quot;subhash&quot;:{&quot;single&quot;:&quot;word&quot;,&quot;double&quot;:&quot;two words&quot;}}> 

在至少那是我用Rails4.2得到的。這也給了我在DOM檢查器中查看HTML時看到的相同結果。

的瀏覽器看到的是如下：

<section data-hash={"subhash":{"single":"word","double":"two words"}}> 

，並試圖理解它的HTML但沒有意義的HTML所以瀏覽器只是被混淆。

如果添加了外引號自己：

<section data-hash="<%= @hash %>"> 
       ^  ^

那麼你會在HTML得到這樣的：

<section data-hash="{&quot;subhash&quot;:{&quot;single&quot;:&quot;word&quot;,&quot;double&quot;:&quot;two words&quot;}}"> 

和引號將被正確地解釋爲"旨意可以看出作爲data-hash屬性的HTML編碼內容，而不是對HTML屬性的奇怪外觀嘗試。