时间戳

首页 > 解决方案 > 如何在通过ajax提交表单后立即显示数据？

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

问题描述

保存此表单后如何通过 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);
        }
     } 
  
  });

标签： javascriptajaxlaravellaravel-5

解决方案

这很容易。您可以在操作后附加数据。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将填充您的数据。

推荐阅读