前台请求后台返回的json字符串中含有html标签!

问题:
前台请求后台返回一个json字符串,将其转换为json数组,进行遍历:
遍历的过程中拼接html,每个元素的信息放入一个a标签下面,
然后点击a标签可以将元素传到相应的onclick方法中,
 for(var i = 0; messageArray != null && i < messageArray.length; i++) {
   		var message = messageArray[i];
   		console.info(JSON.stringify(message)); 
   		var messageJsonStr = JSON.stringify(message);
   		messageListHtml += '<a οnclick=modifyMessage(' + message + ')>'; 
		。。。
但是目前存在一个问题,就是我的每个元素中有的字段的value值可能包含标签,即<p>,<strong>,<img>这样的标签,其实可以理解为是一个html片段,
那么导致的问题就是debug的时候看到'<a οnclick=modifyMessage(' + message + ')>'; 这里出问题了。。。

解决方案:将标签替换为转义字符.
   for(var i = 0; messageArray != null && i < messageArray.length; i++) {
   		var message = messageArray[i];
   		messageJsonStr = JSON.stringify(message);
   		var lt =new RegExp('<', "g"); 
		messageJsonStr = messageJsonStr.replace(lt, '<'); 
		var gt =new RegExp('>', "g"); 
		messageJsonStr = messageJsonStr.replace(gt, '>'); 
   		messageListHtml += '<a οnclick=modifyMessage(' + messageJsonStr + ')>'; 
<strong><u>补充说明:
上面的解决方法对于处理一些包含普通标签的html字符串是没有问题的,例如<strong><em>等,但是对于一些含有行内样式或属性的标签,是有问题的,在</u></strong><pre code_snippet_id="658586" snippet_file_name="blog_20150504_1_7105143" name="code" class="html"><a οnclick=modifyMessage(' + messageJsonStr + ')>'处会报语法异常,那么还有什么好的解决方案呢?
通过escape和unescape解决!
在存储数据时将html字符串用escape处理一下:message = escape(message);
在获取数据展示时用unescape处理一下escape后的html字符串:unescape(currentMessage.message);
大功告成!!!!!!!!
 


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值