Javascript 和 C# 之间的编码和解码

Question

我希望能够将数据发送到这样的 div 中的 Javascript：

<div class="dontDisplay><%= myData %></div>

然而，挑战是 HTML 会变得混乱。那里似乎有太多的编码和解码方案，但我找不到保证与所有可能的输入（包括 Unicode）兼容的 javascript/C# 对。

有谁知道已知的一对能够完美兼容吗？

谢谢

Answer 1

您似乎只是将一些文本放入 HTML 文本内容中，正确的方法是普通的旧 HTML 编码：

<div class="dontDisplay"><%= Server.HTMLEncode(myData) %></div>

或在 ASP.NET 4.0 中：

<div class="dontDisplay"><%: myData %></div>

如果 JavaScript 需要提取此内容，您可以使用 DOM 方法：

<div id="foo"><%= Server.HTMLEncode(myData) %></div>
<script type="text/javascript">
    var myData= document.getElementById('foo').firstChild.data;
</script>

尽管这假设存在其中只有一个文本节点，如果 myData 是空字符串，则会中断。您可以通过使用 getTextContent 方法来解决此问题，该方法检查所有 childNodes 是否为文本节点并将它们的 data 添加在一起，或者使用 textContent 对于 IE 可以回退到 innerText，或者使用库来完成此操作（例如 jQuery 中的 text()）。

或者，您可以将数据放入属性中：

<div id="foo" title="<%= Server.HTMLEncode(myData) %>">...</div>
<script type="text/javascript">
    var myData= document.getElementById('foo').title;
</script>

如果有合适的可用属性（title 可能不合适）或注释，或者按照 Rune 的建议，使用 JSON 直接放入 JavaScript 变量中。

Answer 2

您很可能想使用 json。您可以在页面中嵌入一个字符串，该字符串在脚本标记内使用 json 在页面上创建本地变量：

<script> var myJsonVariabe = { propertyNane: "value" }; </script>

您可以使用 DataContractJsonSerializer。