根据返回json动态拼接页面（注意点+转意字符）

来源：互联网发布：网线测试软件编辑：程序博客网时间：2024/06/04 01:07

根据返回json动态拼接页面

根据拼接页面进行操作动态传参的时候应注意的

当传参中有字符串的时候就需要进行转义处理：

//获取最新评论window.onload = function () {    postList();}function postList() {    var html = "";    var articleID = '${contentId}';    $.post('m/newPostList', {        articleID: articleID,    }, function (data) {        var data1 = data.list;        $.each(data1, function (i, dataList) {            if (i < 3) {                html += '<div class="pure-g" id="del' + dataList.id + '">';                html += ' <div class="pure-u-1-8">';                html += '<a class="w-dis-user" href="javascritp:;">';                html += ' <img src="${FILE_URL}' + dataList.headPath + '" >';                html += '</a>';                html += ' </div>';                //  <%--最新评论--%>                html += '  <div class="w-dis-detail pure-u-7-8">';                html += '  <p class="w-dis-detail1">';                html += '  <span class="left" id="nickName">' + dataList.nickName + '</span>';                <%--删除控制--%>                if (dataList.uCenterUId == '${userInfo.id}') {                    html += ' <span class="l-dele" onclick="delConfirm( ' + dataList.id + ')">删除</span>';                }                <%--点赞控制--%>                html += '   <span class="right  iLike" id="likeComment' + dataList.id + '" onclick="likeComment(' + dataList.topicID + ',' + dataList.id + ',' + dataList.siteID + ',' + dataList.uCenterUId + ')">' + dataList.iLike + '</span>';                html += '  </p>';                <%-- content--%>                html += ' <p class="w-dis-detail2" id="newContent">' + dataList.content + '</p>';                html += ' <p class="w-dis-detail3">';                html += '  <span id="createTime">' + dataList.createTime + '</span>';                html += '  <b>·</b>';                html += '<a class="w-footer-tip right" onclick="reportP(\'' + dataList.articleID + '\',\'' + dataList.id + '\',\'' + dataList.uCenterUId + '\',\'' + dataList.siteID + '\');"  id="report' + dataList.id + '">举报</a>';                html += '    </p>';                html += '  </div>';                html += '   </div>';            }            ;        })        $("#newestPost").html(html);    })}

reportP

阅读全文

0 0