添加与回显(上)——通过append追加数据


$(".comment_manage_li").remove();//每次请求接口前先清除
//在ul标签里面追加li标签里面的整体内容
$(".comment_manage_ul").append('<li class="comment_manage_li" data_openid="'+v.feedback_openid+'" data_unionid="'+v.feedback_unionid+'" data_feedback_id="'+v.feedback_id+'" dada_nickname="'+v.user_name+'">' +

//data_openid这些是添加的属性,方便后面添加回复使用
'</li>'

需要注意的是:‘+参数+’

 

function userMessage(type) {
    $(".comment_manage_li").remove();//每次请求接口前先清除
    var dataObj = {type: type};
    operation.operation_ajax_async("/operate/customer/get/feedback", "get", dataObj, function () {
        global_data.data.map(function (v) {
            $(".comment_manage_ul").append('<li class="comment_manage_li" data_openid="'+v.feedback_openid+'" data_unionid="'+v.feedback_unionid+'" data_feedback_id="'+v.feedback_id+'" dada_nickname="'+v.user_name+'">' +
                '<div class="comment_manage_subject">' +
                '<div class="comment_manage_top">' +
                '<div class="comment_manage_img">' +
                '<img src="' + v.user_image + '" class="comment_img">' +
                '</div>' +
                '<div class="comment_manage_right">' +
                '<div class="manage_right_top">' +
                '<div class="user_name">' + v.user_name + '</div>' +
                // '<div class="comment_type">反馈渠道:</div>'+
                '<div class="comment_time">' + v.feedback_created + '</div>' +
                '<div class="clear"></div>' +
                '</div>' +
                '<div class="manage_right_cnter">' +
                '<div class="user_opinion_content">' + v.feedback_content + '</div>' +
                '</div>' +
                '<div class="comment_manage_bottom">' +
                '<div class="comment_reply select_reply" onclick="showBack(this)">' +
                '查看回复信息' +
                '<div class="comment_reply_hover">' +
                '<span>已回复</span>' +
                '</div>' +
                '<div class="arrow"></div>' +
                '</div>' +
                '<div class="comment_reply reply_wait" onclick="responseBack(this)">回复' +
                '<div class="comment_reply_hover">' +
                '<span>回复消息</span>' +
                '</div>' +
                '<div class="arrow"></div>' +
                '</div>' +
                '<div class="clear"></div>' +
                '</div>' +
                '</div>' +
                '</div>' +
                '</div>' +
                '<div class="admin_replay_box">' +

                '</div>' +
                '</li>'
            )
        })
    });
}

猜你喜欢

转载自blog.csdn.net/inmarry/article/details/81070341
今日推荐