通过jquery重新加载datatable,但所有数据都显示在第1页(默认每页10个数据)
我的代码使用datatable。我想在提交数据后重新加载表。 但在提交数据后,所有记录将绑定到第1页。 我正在使用codeigniter和jQueryAjax 这是我的jquery代码通过jquery重新加载datatable,但所有数据都显示在第1页(默认每页10个数据),jquery,ajax,pagination,datatables,Jquery,Ajax,Pagination,Datatables,我的代码使用datatable。我想在提交数据后重新加载表。 但在提交数据后,所有记录将绑定到第1页。 我正在使用codeigniter和jQueryAjax 这是我的jquery代码 $('.myTable').dataTable(); //process data $(document).on('submit','#frm_add_main_menu',function(e) { e.preventDefault(); $('#msg').removeClass('aler
$('.myTable').dataTable();
//process data
$(document).on('submit','#frm_add_main_menu',function(e) {
e.preventDefault();
$('#msg').removeClass('alert alert-danger');
$('.loading').show();
$('.overlay').show();
var formObj = $(this);
var formData= new FormData(this);
$.ajax({
url: base_url+'admin/save_main_menu',
type: 'POST',
dataType: 'json',
data: formData,
contentType : false,
cache : false,
processData : false,
success:function (data) {
console.log(data);
if (!data.success){
if (data.errors){
$('.loading').hide();
$('.overlay').hide();
$('#modal_error_msg').modal('show');
$('#msg').html(data.errors).addClass('alert alert-danger');
}
}
else{
$('.loading').hide();
$('.overlay').hide();
$('#modal_add_menu').modal('hide');
$('#modal_error_msg').modal('show');
$('#msg').html(data.msg).addClass('alert alert-info');
setTimeout(function(){$( ".myTable" ).load( "55 .myTable" );}, 100);
}
}//end function success
});
});
提交数据后,我的表将重新加载,但第1页的所有数据视图(默认仅显示10个数据)
有人帮忙吗?有什么问题吗
谢谢你
对不起,我的英语不好。您可以使用
你不是在重新加载dataTable,你只是在TableDOM元素中加载了一些东西。你能给我正确的代码吗?我一直在关注这个教程,但错误消息您的意思是我在
setTimeout(function(){$(“.myTable”).load(“55.myTable”);},100)之后放了什么
?@MardinoIsmail ReplacesetTimeout(function(){$(“.myTable”).load(“55.myTable”);},100)代码>与$('.myTable').DataTable().ajax.reload()一起使用代码>在实现上述代码之前,我已经尝试过此代码。我有这样的错误消息DataTables警告:table id=DataTables\u table\u 0-无效的JSON响应。有关此错误的详细信息,请参阅http://datatables.net/tn/1
在我的开发工具上,我得到了TypeError:g为null
您的API是否正确地返回了json?也看到
$('.myTable').dataTable();
//process data
$(document).on('submit','#frm_add_main_menu',function(e) {
e.preventDefault();
$('#msg').removeClass('alert alert-danger');
$('.loading').show();
$('.overlay').show();
var formObj = $(this);
var formData= new FormData(this);
$.ajax({
url: base_url+'admin/save_main_menu',
type: 'POST',
dataType: 'json',
data: formData,
contentType : false,
cache : false,
processData : false,
success:function (data) {
console.log(data);
if (!data.success){
if (data.errors){
$('.loading').hide();
$('.overlay').hide();
$('#modal_error_msg').modal('show');
$('#msg').html(data.errors).addClass('alert alert-danger');
}
}
else{
$('.loading').hide();
$('.overlay').hide();
$('#modal_add_menu').modal('hide');
$('#modal_error_msg').modal('show');
$('#msg').html(data.msg).addClass('alert alert-info');
// reload the table
$('.myTable').DataTable().ajax.reload();
}
}//end function success
});
});