Question

我有一个我正在创建的博客，我只是设置了AJAX来执行创建评论和编辑评论功能。但是，当显示评论时，我会使用片刻来显示评论的发布时间。但是，我不确定如何在JQuery代码中引用它。这是更新原始HTML时的Ajax代码。这是我显示评论的标准代码：

<!--================== COMMENTS DISPLAY SECTION    ====================================================================-->
<div id="comments">
    <% blog.comments.forEach(function(comment){ %>
    <div>
        <div class="jumbotron comment">
            <div class="row">
                <div class="col-md-1">
                    <img class="comment-ico" src = "<%=comment.author.image%>">
                </div>

                <div class="col-md-7">
                    <h4><%=comment.author.username%></h4>
                </div>
                <div class="col-md-4 date">
                     <%= moment(comment.created).fromNow()%>
                </div>
            </div>
        </div>
            <div class="comment-container"><p><%=comment.text%></p></div>

这是ajax：

// update comment
$('#comments').on('submit', '#edit-comment-form', function(e){
e.preventDefault();
// get info from form
var formData = $(this).serialize();
var formAction = $(this).attr('action');
var $originalItem = $(this).parent('.comment-container');
$.ajax({
    url: formAction,
    data: formData,
    type: 'PUT',
    originalItem: $originalItem,
    success: function(data) {
        var blog_id = location.pathname.replace("/blogs/", "");
        this.originalItem.html(
            `
    <div class="jumbotron comment">
        <div class="row">
            <div class="col-md-1">
                <img class="comment-ico" src = "${data.author.image}">
            </div>

            <div class="col-md-7">
                <h4>${data.author.username}</h4>
            </div>
        </div>
    </div>
        <div><p>${data.text}</p></div>

  <form id="edit-comment-form" action="/blogs/${blog_id}/comments/  ${data._id}" method="POST" id="newComment">
        <textarea class="form-control" rows="4"  name="comment   [text]">${data.text}</textarea>
        <button class="btn btn-lg btn-primary btn-block">Submit</button>
    </form>

        <div class="row">
            <div class="col-md-1 choice">
                <a class="edit">Edit</a>
            </div>
            <div class="col-md-1">
                <form id="delete-form" action="/blogs/${blog_id}/comments/${data._id}?_method=DELETE" method="POST">
                    <input type="submit" class="button-delete" value="Delete">
                </form>
            </div>
        </div>
    <hr class = "style-three">
            `
            );
    }
});
});

我需要将这一行合并到ajax代码中：

<%= moment(comment.created).fromNow()%>

但不确定如何更换ejs等......

如何在AJAX中加入一个时刻

0 个答案: