我为我的数据表编写了以下代码，这些代码用数据库中的内容填充了表，如下所示：
if (datatable != null)
datatable.destroy();
datatable = $('#tableProducts').DataTable({
"pageLength": 50,
"bLengthChange": false,
"processing": true,
"serverSide": true,
"filter": true,
"orderMulti": false,
"bSort": false,
"ajax": {
"url": "/Bulk/LoadData/",
"type": "POST",
"data": {
"username": $(".sellerInput").val(),
"drange": $(".select2").val()
},
success: function (data) {
}
},
"columns": [
{
"targets": -1,
"data": "ImageURL",
"name": "Title",
"render": function (data, type, row) {
return '<td><img src=' + data + '></td>';
},
"autoWidth": true
},
{
"data": "Sales",
"name": "QuantitySold",
"render": function (data, type, row) {
return '<td>' + data + '</td>'
},
},
{
"data": "CurrentPrice",
"name": "CurrenctPrice",
"render": function (data, type, row) {
return '<td> <b>$ ' + data + '</b></td>'
},
}
]
});
如果我不指定success回调，这个方法就可以了。如果我像这样指定成功回调（也显示在上面的代码中）：
"ajax": {
"url": "/Bulk/LoadData/",
"type": "POST",
"data": {
"username": $(".sellerInput").val(),
"drange": $(".select2").val()
},
success: function (data) {
// some custom code here and + filling up datatable with data from my DB...
}
},
这里的问题是，如果我指定成功回调，然后更新HTML页面的其他部分，那么datatable不会加载DB中的数据。。
我的问题是，如果我重写datatable的success回调函数以更新HTML页面的更多部分而不仅仅是datatable本身，如何手动指定datatable的数据源？
有人能帮我吗？
最佳答案
您可以使用dataSrc而不是success来获取响应数据
试试这个：
"ajax": {
"url": "/Bulk/LoadData/",
"type": "POST",
"data": function (d){
d.username: $(".sellerInput").val(),
d.drange: $(".select2").val()
},
"dataSrc": function (data) {
// some custom code here and + filling up datatable with data from my DB...
console.log(data);
return data;
}
},
注意：您还试图将额外的参数作为
username和drange发送，因此在DataTable中，我们应该使用"data":function(d){作为函数来发送额外的参数Official Documentation