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

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

Node.js博客系统--25.内容评论实现_第1张图片

然后看界面部分

Node.js博客系统--25.内容评论实现_第2张图片

写提交之后发送的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' +
                    ''+ transformTime(comments[i].postTime) +'
' + '
'+comments[i].content+'
'; } $('#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() }

 

你可能感兴趣的:(Node.js博客系统)