• 富文本数据 解析HTML


    后台返回给前端的富文本数据如:

    {
        "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)
    

      展示如下:

  • 相关阅读:
    Centos 配置网易YUM源
    JDK 变量配置
    redis如何解决key冲突?
    大数据技术(1)流式计算与Storm
    20151211小问题
    返回顶部
    20151210小问题2
    20151210小问题
    20151209小问题
    前端程序员的自我修养
  • 原文地址:https://www.cnblogs.com/hongzhuang/p/13335891.html
Copyright © 2020-2023  润新知