Question

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

Answer 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将充满您的数据。

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

1 个答案: