javascript - 无法加载带有 JSON 的数据表

Question

我正在尝试将 JSON 加载到 jQuery 数据表中。

当触发 change 事件时，使用下面的方法，我可以向控制台返回我需要加载到数据表中的完全相同的数据:

 $('#serviceload').change(function()
 {
   var page = $('#serviceload').val();

   $.ajax({
     "type": 'POST',
     "url": 'api/service_teus.php',
     "data": {page:page},
     //"dataType": 'json',
     "success": function(data){
        console.log('success', data);
     },
     "error": function(msg){
        console.log('fail', msg);
     }
   });
 });

现在，当我更改上面的代码以包含数据表时，这就是我卡住的地方:

 $('#serviceload').change(function()
 {
   var page = $('#serviceload').val();

   var $dataTable = $('#example1').DataTable({
     "ajax":{
       "url": 'api/service_teus.php',
       "data": {page:page},
       "dataType": 'json',
       "success": function(data){
         console.log('success', data);
        },
       "error": function(msg){
         console.log('fail', msg);
        }
      }
 });

使用上述方法，控制台返回对象数组，但不加载数据表。

回答这个问题实际上会帮助我回答我发布的另一个问题。

Answer 1

您的 dataTable 可能是使用 ajax promise 生成的，而不是返回的数据。在您的成功函数中生成数据表，而不是使用整个 ajax 语句。

像这样。

$('#serviceload').change(function()
 {
   var page = $('#serviceload').val();

   $.ajax({
     "type": 'POST',
     "url": 'api/service_teus.php',
     "data": {page:page},
     "dataType": 'json',
     "success": function(data){
        console.log('success', data);
        $dataTable = $('#example1').DataTable(data);
     },
     "error": function(msg){
        console.log('fail', msg);
     }
   });
 });