javascript - json返回数据中包括html标签直接显示标签的问题

Question

ajax返回json数据中包括html标签, 使用js插入到html页面中，结果都是html标签直接显示出来。试过先将html转义，但没有作用。求解决方法。

例如:

后台传回一个 json数据:

var data = {
    content: '<p>入学典礼&lt;img src=<span style="color: rgb(196, 26, 22); font-family: Consolas, &quot;Lucida Console&quot;, &quot;Courier New&quot;, monospace; font-size: 12px; white-space: pre;">&quot;</span><span style="color: rgb(196, 26, 22); font-family: Consolas, &quot;Lucida Console&quot;, &quot;Courier New&quot;, monospace; font-size: 12px; white-space: pre;">http://od2k47p1o.bkt.clouddn.com/41531852786215461484299003.jpg&quot;</span>/&gt;</p>'
}

Answer 1

提供一个思路：
1.首先你要确保到你前端的html是非转义的，即，元素的大小与符号不得是&lt这种
2.你把你获取的data值传递给jquery对象

var _htmlData=$(data); //data就是你ajax获取的数据

3.这样你就通过jquery生成了一个dom对象，然后你可以根据以往jquery操作dom树一样去玩了。