如何在通过ajax提交表单后立即显示数据？答案

【问题标题】：How to show instantly show data after form submit via ajax?如何在通过ajax提交表单后立即显示数据？
【发布时间】：2019-10-27 18:18:45
【问题描述】：

如何在保存此表单后通过 ajax 提交表单后立即显示数据。通过我的控制器功能保存后，如何在不刷新页面的情况下将保存的数据查看到同一页面：-

<span class=" store_comment_like " data-comment-id="{{ $comment->id }}"  >  </span>
  $(document).ready(function() {
    $('.post-comment').click(function(e){
      e.preventDefault();
      var commentId = $(this).attr('data-comment-id');
      var data= {
        commentId:commentId,
        method:'POST',
      }
      $.ajax({
        url:'/schooldukan/post/comment/'+commentId,
        type: 'POST',
        dataType: "JSON",
        data: data,
        success: function(data) {
          printSuccessMsg(data.success);
          $('#commentonpost2')[0].reset();
        } else {
          printErrorMsg(data.error);
        }
     } 
  
  });

【问题讨论】：

提交成功后使用jquery append(api.jquery.com/append)在DOM中添加新评论。
这个问题肯定已经回答了很多次了。这似乎是一个“我的代码”问题。
你能给我链接吗

标签： javascript ajax laravel laravel-5

【解决方案1】：

这很容易。您可以在操作后附加数据。将 append() 与您的 dom 包装器元素一起使用。

例如，如果你想在操作成功后显示保存的数据，试试这个；

success: function(data) {
 $("#wrapperHtmlTag").append("<span>" + YOUR_DATA + "</span>");
}

如您所知，您应该有一个包装器来附加您的数据，例如：

<html>
<head>
<title>Page title</title>
</head>
<body>
...
...
<div id="wrapperHtmlTag"></div>
...
...
</body>
</html>

所以div#wrapperHtmlTag 将填充您的数据。

【讨论】：

你能告诉我我现在保存的数据吗，我如何用它的 id 显示它..