后台返回給前端的富文本數據如:
{
"status": 1,
"info": "獲取活動數據成功",
"data": [
{
"id": "000",
"img_src": "http://zt.52hangjia.com/Uploads/Picture/Picture/2020-07-18/710_280_5f129d7074a92.png",
"name": "廣告測試",
"adpic": "生活如此多嬌,引無數英雄競折腰<img src="http://zt.52hangjia.com/Uploads/Attached/image/20200718/20200718150334_88259.png" alt="" />"
}
]
}
如果直接 將adpic的數據append,或者html 是不起作用,這樣只能利用瀏覽器的解析成html代碼的字符串,所以首先我們要先將特殊字符轉換,如下解析
var date=ret.data;
if(ret.status==1){
function escape2Html(str) {
var arrEntities={'lt':'<','gt':'>','nbsp':' ','amp':'&','quot':'"'};
return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];});
}
var strHT=escape2Html(date[0].adpic);
$("#chess").html(strHT)
展示如下:

