javascript - 将有效的 json 附加到 html 元素

Question

我正在尝试将有效的 json 数组动态插入到 html 中，但当文本包含引号、撇号或其他应转义的字符时，我遇到了问题。这是一个演示问题的示例 - 假设这是 HTML:

<p>text</p>

然后我想像这样动态生成JSON:

var x = '"in quotes"';
$( "p" ).after( '{"0":"' + x + '"}');

如果 var x 是一个没有任何需要转义字符的值，附加文本将是有效的 JSON，但在这种情况下，所使用的文本中有引号。

如果使用 " 而不是 "

也会得到相同的结果

var x = '"in quotes"';
$( "p" ).after( '{"0":"' + x + '"}');

Here is a json fiddle with both examples

有没有一种方法可以达到如下所示的预期结果: {"0":""在引号中"} ?

Answer 1

我使用 & 作为 &

试试这段代码。

var x = '"在引号中"'; $( "p").after( '{"0":"' + x + '"}');