如何解决刷新DataTable而不重新加载页面
我正在尝试重新加载已插入标签中的数据表。
请参考问题:AJAX Update DataTable after On Success
一个php类userX.php具有3个带有客户端实现的数据表。我可以使用按钮更改第一张表的行,完成后,记录将转到选项卡2->并显示第二张表的内容。我现在正在使用AJAX更改状态
$(".changeStatus").click(function(event){
if(confirm("Are you sure changing status?")){
event.preventDefault();
var status = "In Production";
var id = $(this).attr('data-id');
$.ajax({
url : 'dbo.php',method : 'POST',data : {status : status,id : id},success : function(data){
$('tr#'+id+'').css('background-color','#ccc');
$('tr#'+id+'').fadeOut('slow');
}
});
}
else{
return false;
}
});
同时,它也必须在选项卡2表中进行更新。我尝试使用div内容实现这一目标。他们俩似乎都没有工作。我想念什么。公开征求意见。
解决方法
可以简单地通过数据表的初始化方法重新加载表,也可以通过其内置的AJAX重新加载表。下面的代码块会有所帮助。
$(document).on('click','#ChangeNext',function(event){
if(confirm("Are you sure changing status?")){
event.preventDefault();
var statusid = $(this).attr('data-id');
$.ajax({
url : 'dbo.php',method : 'POST',data : {statusid : statusid},success : function(data)
{
$('#exampleone').DataTable().ajax.reload();
}
});
}
else{
return false;
}
});
,
使用ajax请求将数据放入DataTables的最佳方法是DataTables ajax api,您可以在以下链接中看到它:
jQuery示例:
eval(\Psy\sh());
JSON示例:
jQuery('.changeStatus').click(function(event){
$('#example').DataTable({ ajax: 'data.json' });
});
默认情况下,您的ajax请求的响应应为json
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。