dataTables先请求ajax数据,把请求到的数据作为本地数据创建表格

官方API里的方法:

$("#tableid").DataTable({
    ajax:"dada.json",
    columns:[
        {data:"name"},
        {data:"age"}
    ]
});//这个方法使用会对ajax请求的url带一个参数,因为后台接口加密的原因,直接500报错(我也不知道后端Python怎么弄得)
//这个情况下就得先进行ajax请求,把创建表格的函数做一个回调,创建表格函数所依赖的数据就是ajax请求的结果data
//获取抓取记录的列表
function get_record(callback) {
mm.ajaxPost(
'ajax_get_copy_task_simple',
'{}',
function (data) {
if (callback) {
callback(data)
}
}
)
}
//生成用户抓取记录表格的回调
function tableList(data) {
let setting = {
bStateSave:true,
info: false,
paging: true,
Info: true,
searching: true,
lengthChange: false,
processing: true,
data: data,
deferRender: true,
pageLength: 10,
pagingType: "full_numbers",
stripeClasses: [],
autoWidth: false,
ordering: true,
order: [],
orderClasses: false,
stripeClasses: ['strip1', 'strip2'],
columns: [{
data: function (source, type, val) {
                     return ' ' ;
},
orderable: false,
className: "copy_list_text",
width: "120px"
}, {
data: function (source, type, val) {
                     return ' ' ;
},
className: "copy_list_text",
searchable: false,
orderable: false,
width: "128px"
}, {
data: function (source) {
                     return ' ' ;
},
className: "copy_list_text",
orderable: false,
width: "192px"
}, {
data: function (source) {
                     return ' ' ;
},
className: "copy_list_text",
searchable: false,
orderable: false,
width: "192px"
}, {
data: function (source) {
 return ""
},
className: "copy_list_text",
orderable: false,
width: "159px"
}, {
data: function (source) {
return ' ' ;
},
className: "copy_list_text",
orderable: false,
width: "231px"
}],
language: {
processing: "正在加载中......",
lengthMenu: "每页显示_MENU_条记录",
zeroRecords: "对不起,查询不到相关数据!",
emptyTable: "表中无数据存在!",
infoFiltered: "数据表中共为 _MAX_ 条记录",
search: "宝贝名称",
paginate: {
first: "首页",
previous: "< 上一页",
next: "下一页 >",
last: "末页"
}
}
}
$("#copy_record_box").dataTable().fnDestroy();
$("#copy_record_box").DataTable(setting);

           }

        get_record(tableList);//执行函数进行列表渲染。


版权声明:本文为qq_31575747原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。