解析来自 json 响应文本的 HTML 标签

Question

我有一个调用 3rd 方网络服务的 jQuery 函数。第 3 方 Web 服务返回一个 json 响应。我将我的 HTML 页面中的 DIV 元素的文本属性绑定到来自 json 响应的元素。

这一切都很好。为简洁起见，我排除了整个代码。

jQuery 成功：函数（数据） { $('#level2').text(data.data.content); }

HTML

<div id="level2"> </div>

但是，json 响应输出中包含 HTML 标记，

例子

<h2>Header 2</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vel lacinia nulla.<p>

如何确保浏览器解析 html 标记并将文本显示为浏览器将呈现的文本，如下所示，

标题 2

Lorem ipsum dolor sit amet，consectetur adipiscing elit。 Cras vel lacinia nulla。

请帮忙。

Answer 1

如果您想解析标签，而不仅仅是显示为文本，只需将 text() 替换为 html()。

success: function (data) { 
    $('#level2').html(data.data.content); 
}