将JSON字符串转换为HTML

Question

我有一个包含一些HTML的json对象。 例如：

{
    "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指令。

Answer 1

如果你要做的就是用catSummary字段中的内容填充另一个html元素，请使用以下命令：

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

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

Answer 2

获得＆＃34; catSummary＆＃34;后，您可以使用以下方法来自你的json的价值

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

上面的方法将您的字符串加载为HTML，您可以加载到任何元素，请参阅Reference

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); 

它将呈现为链接。

Answer 4

你可以获得你的json属性＆＃34; catSummary＆＃34;并设置为HTML控件

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