javascript - 如何检查对 jQuery DataTable 的 ajax 调用是否已返回数据

Question

我正在尝试从 AJAX 调用加载 jQuery DataTable，如下面的代码所示。但是我需要知道 DataTable 是否有回调来检查 AJAX 调用在加载表之前是成功返回还是失败。

$(function() {
  $('#data-table').DataTable({
    destroy: true,
    responsive: true,
    serverSide: false,
    autoWidth: false,
    paging: true,
    filter: true,
    searching: true,
    stateSave: true,
    scrollX: true,
    lengthMenu: [5, 10, 25, 50, 75, 100],
    ajax: {
      url: 'https://jsonplaceholder.typicode.com/todos',
      type: 'GET',
      dataSrc: ''
    },
    columns: [{
      title: 'Zone',
      data: 'LastKnownZone',
    }, {
      title: 'Hiérarchie Map',
      data: 'MapInfo.mapHierarchyString',
    }, {
      title: 'Addresse MAC',
      data: 'macAddress',
    }],
    initComplete: function(json) {
      let returned_data = json;
      //..Do something with data returned
    }
  });
});

感谢任何帮助。

Answer 1

只需在@Fawaz Ibrahim 的回答中添加一些内容，最好在 Ajax 调用中添加错误选项以检查您是否遇到任何错误或问题，因为如果出现错误，dataSrc 回调将不会运行，所以您赢了'有成功返回的数据。

ajax: {
  ...
  dataSrc: function ( receivedData ) {
    console.log('The data has arrived'); // Here you can know that the data has been received
    return receivedData;
  },  
 error: function (xhr, error, thrown) {
     console.log('here you can track the error');
  }
}