Node.js博客系统--25.内容评论实现

首先先写后台的api(测试了一下还是存在问题，下一节再说)

然后看界面部分

写提交之后发送的ajax

comment.js

$('#submitCommet').on('click', function () {
    debugger;
    const contentId = $('#contentId').val();
    const content = $('#content').val();

    if (!content) {
        alert('请输入评论');
    }

    $.ajax({
        type: 'post',
        url: 'api/comment/post',
        data: {
            contentId: contentId,
            content: content
        },
        dataType: 'json',
        success: function (result) {
            debugger;
            // 这块之所以要进行翻转，是因为想最新的评论在前面
            const comments = result.data.comments.reverse();
            $('#commentNum').html(comments.length);
            $('#content').val('');
            let html = '';
            for (let i=0; i<comments.length; i++) {
                html+='<li><div><span class="fl">'+comments[i].username+'</span>' +
                    '<span class="fr">'+ transformTime(comments[i].postTime) +'</span></div>' +
                    '<div>'+comments[i].content+'</div></li>';
            }
            $('#list').html(html);
        }
    })
})


function transformTime(time) {
    const d = new Date(time);
    return d.getFullYear() + '年' + (d.getMonth()+1) + '月' + d.getDate() + '日  ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds()
}