返回數據時未填充DataTable

Question

我的頁面上有很多數據表，我有一個填充它們的通用方法，除了一個以外，它們都可以正常工作。

我的AJAX方法如下：

function AjaxGet(url, tableName) { 
     $.ajax({ 
      method: 'GET', 
      url: url, 
      dataType: 'json', 
      contentType: 'application/json; charset=utf-8', 
      success: function (data) { 
       $('#' + tableName).dataTable({ 
        destroy: true, 
        'bPaginate': false, 
        'aoColumns': DetermineColumns(tableName), 
        'aaData': data, 
        'sDom': '<"top">t<"bottom"><"clear">', 
        'bSort': false 
       }); 
      } 
     }); 
    }; 

我知道該URL和反饋表名是正確的。

我的數據看起來像下面時，我的開發人員工具調試：

的DetermineColumns函數包含的if..else ..檢查，直到找到正確的表名，它成功地做，然後返回到下列aoColumns：

 return [ 
       { 
        'mDataProp': 'PartNum' 
       }, 
       { 
        'mDataProp': 'ukstk' 
       }, 
       { 
        'mDataProp': 'ukfob' 
       }, 
       { 
        'mDataProp': 'de' 
       }, 
       { 
        'mDataProp': 'fr' 
       }, 
       { 
        'mDataProp': 'es' 
       }, 
       { 
        'mDataProp': 'ae' 
       }, 
       { 
        'mDataProp': 'usa' 
       }, 
       { 
        'mDataProp': 'mx' 
       }, 
       { 
        'mDataProp': 'jx' 
       } 
      ]; 

這裏是我的HTML表：

<div class="row"> 
<div class="col-md-6"> 
    <table id="stdCostTable" class="table input"> 
     <thead> 
      <tr> 
       <th></th> 
       <th> 
        UK-STK 
       </th> 
       <th> 
        UK-FOB 
       </th> 
       <th> 
        DE 
       </th> 
       <th> 
        FR 
       </th> 
       <th> 
        ES 
       </th> 
       <th> 
        AE 
       </th> 
       <th> 
        USA 
       </th> 
       <th> 
        MX 
       </th> 
       <th> 
        JX 
       </th> 
      </tr> 
     </thead> 
     <tbody> 
     </tbody> 
    </table> 
</div> 

請有人幫忙找出爲什麼數據表沒有被填充？

謝謝！

我也沒有從控制檯或調試器收到任何錯誤。就數據表而言，沒有數據，因此，它初始化時正確顯示消息「表中沒有可用數據」，但數據在分配給「aaData」時處於「數據」對象中。

Answer 1

我認爲data應該是一個對象（或數組）的數組，而不是一個對象本身。檢查initialization example（我假設您使用的是舊版本）