将JSON字符串转换为HTML

Question

我有一个JSON对象，其中包含一些HTML。例如：

{
    "cat": "1",
    "catUrl": "this-is-a-url",
    "catSummary": "This is a summary with <a href=\"http://www.a.com\">a link</a>"
},

注意catSummary中有一个href。但它不会被渲染为链接。相反，它只会呈现为普通文本。

我该如何将它作为一个正确的链接运行？ 编辑
仅澄清，我使用的是VueJS框架，而不是jQuery。 一个简单的解决方案（我完全错过了..）是使用v-html指令。

- Spankaroonie

---

创建一个工作代码片段，演示你面临的问题。 - gurvinder372

element.innerHTML = "This is a summary with <a href=\"http://www.a.com\">a link</a>" - Slai

Answer 1

如果您只想使用catSummary字段的内容填充另一个HTML元素，请使用以下方法：

$('#element_id').innerHTML = object_name.catSummary;

这将使用catSummary字段中的内容填充元素对象。

- Divij Sehgal

Answer 2

在从您的JSON获取“catSummary”值后，您可以使用以下方法：

$.parseHTML("This is a summary with <a href=\"http://www.a.com\">a link</a>")

上述方法将您的字符串作为HTML加载，您可以将其加载到任何元素中，参见参考资料

- user3146115

Answer 3

你使用任何库吗？例如，使用jQuery，你可以简单地这样做：

var data = {
    "cat": "1",
    "catUrl": "this-is-a-url",
    "catSummary": "This is a summary with <a href=\"http://www.a.com\">a link</a>"
};

$("body").html(data.catSummary); 

它将呈现为一个链接。

- renlund86

Answer 4

您可以获取您的JSON属性“catSummary”并将其设置为HTML控件

$("#" + elementId).innerHTML = "This is a summary with <a href=\"http://www.a.com\">a link</a>";

- user9534295