通过 javascript 在 HTML 中显示 JSON 字符串

Question

（最后的问题） 我正在对 ebay 进行 api 调用并获取 JSON 文件。此 JSON 的值字段之一是以纯文本编写的 html 代码。我需要得到它并将其嵌入 iframe 中。现在，整个代码是根据屏幕上的按钮点击在 javascript 中动态生成的。我的问题是我写的代码没有完全显示执行的html原始文本代码。

JSON 字符串示例

"<font rwr=\"1\" size=\"4\" style=\"font-family:Arial\"><font rwr=\"1\" size=\"4\" style=\"font-family:Arial\"><font rwr=\"1\" size=\"4\" style=\"font-family:Arial\"><font rwr=\"1\" size=\"4\" style=\"font-family:Arial\"><font rwr=\"1\" style=\"font-family: Arial;\"><font rwr=\"1\" style=\"font-family: Arial;\"><div style=\"font-size: 14pt;\"><br><div style=\"font-size: 14pt;\"><font face=\"Georgia\"><b style=\"font-size: 14pt;\">A Grade 9/10&nbsp;<\/b><font size=\"4\">-&nbsp;<\/font>this is excellent condition, minor wear or light scratches.<\/font><\/div><div style=\"font-size: 14pt;\"><font face=\"Georgia\"><b style=\"font-size: 14pt;\">B Grade 8/10&nbsp;<\/b><font size=\"4\">-&nbsp;<\/font>may come with minor discoloration / scratches / minor dings<\/font><\/div><div style=\"font-size: 14pt;\"><font face=\"Georgia\"><b style=\"font-size: 14pt;\">C Grade 6/10<\/b><font size=\"4\">&nbsp;-&nbsp;<\/font>this is generally for people who'd want to save a lot of money and **doesn't**......

我的代码：

var html = "<iframe srcdoc = '"+Data+"'></iframe>";

当它在“doesn't”中遇到 (') 时终止（在上面的 JSON 字符串中以粗体标记）。

我也试过

var html = '<iframe srcdoc = \"'+Data+"\'><iframe>';

显示一个空的 iframe。此外，当我记录“数据”并在控制台日志中检查时，JSON 字符串中的双引号都没有被转义。

如何让 JSON 文件中的纯文本 html 代码执行并显示在用 javascript 编写的 iframe 中？我希望这个问题有意义。谢谢你。

Answer 1

如果您想在显示器上显示您的代码（不是 JSON），请执行以下操作：

const json_to_display = "<font rwr=\"1\" size=\"4\" style=\"font-family:Arial\"><font rwr=\"1\" size=\"4\" style=\"font-family:Arial\"><font rwr=\"1\" size=\"4\" style=\"font-family:Arial\"><font rwr=\"1\" size=\"4\" style=\"font-family:Arial\"><font rwr=\"1\" style=\"font-family: Arial;\"><font rwr=\"1\" style=\"font-family: Arial;\"><div style=\"font-size: 14pt;\"><br><div style=\"font-size: 14pt;\"><font face=\"Georgia\"><b style=\"font-size: 14pt;\">A Grade 9/10&nbsp;<\/b><font size=\"4\">-&nbsp;<\/font>this is excellent condition, minor wear or light scratches.<\/font><\/div><div style=\"font-size: 14pt;\"><font face=\"Georgia\"><b style=\"font-size: 14pt;\">B Grade 8/10&nbsp;<\/b><font size=\"4\">-&nbsp;<\/font>may come with minor discoloration / scratches / minor dings<\/font><\/div><div style=\"font-size: 14pt;\"><font face=\"Georgia\"><b style=\"font-size: 14pt;\">C Grade 6/10<\/b><font size=\"4\">&nbsp;-&nbsp;<\/font>this is generally for people who'd want to save a lot of money and **doesn't**......";

document.getElementById(elementWhereToDisplay).innerHTML = json_to_display; //This will put your code on the element you want(elementWhereToDisplay);

在这两者之间，你可以使用 `` 或 " " 或 ' ' 来写字符串，第一个允许你在多行上写。

我希望我能很好地理解它并且它会起作用：D