chrome中的Jquery html（）编码错误

Question

我正在开发一个 Java Web 应用程序，我使用了一些 jQuery 和一个 REST Web 服务，它们使用 AJAX 输出一个带有 Javascript 对象列表的 JSON 对象。一切都很好，但是当我尝试使用 jQuery.html() 将使用 Javascript 创建的表格填充到有效的 div 时，Chrome 中的所有内容都崩溃了，包括这个

错误：INVALID_STATE_ERR：DOM 异常 11

在 Javascript 控制台中。

问题是这样的，在chrome Javascript控制台试试这个：

$('#ValidadorWrapper').html("<div>AMOXICILIN 100 C&amp;psulapsula</div>"); 

但如果我们删除与号，它就可以工作

$('#ValidadorWrapper').html("<div>AMOXICILIN 100 Camp;psulapsula</div>"); 

这个问题只发生在 Chrome 中，我怀疑它与编码字符有关，但我找不到任何方法。显然我需要在这个文档中输入一个&( i mean the & entity)。

我尝试过的一些步骤没有奏效：

1. 我正在使用gson library 将字符串输出到 JSP 页面。我的 JSP 页面有这个标题 <%@page pageEncoding= "UTF-8" contentType="text/html; charset=UTF-8" %> 。这是我的第一次尝试，当我的 JSON 对象（以及任何特殊字符）中出现 & 符号时，它不起作用。

2. 我的第二次尝试是使用 HTMLEntities Java 库对所有特殊字符进行编码。这是实际版本，还是不行

3. 使用像 \u0026 这样的 unicode 字符也不起作用

还有更奇怪的东西。显然，如果我使用$('#ValidadorWrapper').html("AMOXICILIN 100 \u0026"); 它可以工作！但这只是一个例子。我正在尝试用我的对象填充 HTML 表格，所以我真的需要将该数据放入 html（表格）标签中

Answer 1

试试这个：

$('<div></div>').appendTo('#ValidadorWrapper').text('AMOXICILIN 100 C&aacute;psulapsula');