Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何通过ajax在表单提交后立即显示数据?_Javascript_Ajax_Laravel_Laravel 5 - Fatal编程技术网

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

Javascript 如何通过ajax在表单提交后立即显示数据?,javascript,ajax,laravel,laravel-5,Javascript,Ajax,Laravel,Laravel 5,如何在保存此表单后通过ajax在表单提交后立即显示数据。通过“我的控制器”功能保存后,如何在不刷新页面的情况下将保存的数据查看到同一页面:- $(文档).ready(函数(){ $('.post comment')。单击(函数(e){ e、 预防默认值(); var commentId=$(this.attr('data-comment-id'); 风险值数据={ commentId:commentId, 方法:'POST', } $.ajax({ url:'/schooldukan/pos

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


$(文档).ready(函数(){
$('.post comment')。单击(函数(e){
e、 预防默认值();
var commentId=$(this.attr('data-comment-id');
风险值数据={
commentId:commentId,
方法:'POST',
}
$.ajax({
url:'/schooldukan/post/comment/'+commentId,
键入:“POST”,
数据类型:“JSON”,
数据:数据,
成功:功能(数据){
PrintSuccesssg(数据成功);
$('#commentonpost2')[0]。重置();
}否则{
printErrorMsg(data.error);
}
} 

})
这很简单。您可以在一个操作后附加数据。对dom包装器元素使用
append()

例如,如果要在操作成功后显示保存的数据,请尝试此操作

success: function(data) {
 $("#wrapperHtmlTag").append("<span>" + YOUR_DATA + "</span>");
}
成功:函数(数据){
$(“#wrapperHtmlTag”).append(“+YOUR_DATA+”);
}
正如您所知,您应该有一个包装器来附加您的数据,如

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

页面标题
...
...
...
...

因此
div#wrapperHtmlTag
将填充您的数据。

在成功提交后使用jquery append()在DOM中添加新注释。这个问题肯定在这里得到了多次回答。这似乎是“我的代码”问题。你能告诉我链接吗?如果你告诉我我现在保存的数据,我如何用它的id来显示。。