问题:
前台请求后台返回一个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);
大功告成!!!!!!!!