Javascript 如何通过ajax在表单提交后立即显示数据?
如何在保存此表单后通过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
$(文档).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来显示。。