數據表未呈現，AJAX源JSON數據

Question

雖然試圖渲染AJAX源數據的DataTable，我得到一個

400錯誤的請求

爲Ajax響應。

JSON的我從Ajax調用得到的是下面這是由愉快Jsonlint

{ 
    "data": { 
     "title": "Seminar", 
     "pdate": "2016-02-05", 
     "duedate": "2016-03-04" 
    } 
} 

我使用的DataTable渲染AJAX源數據提出了以下的javascript驗證;

$('#table1').DataTable({ 
    ajax: { 
     url: '?r=site/test', 
     type: 'POST', 
     dataSrc: 'data' 
    }, 
    columns: [ 
     { data: 'title' }, 
     { data: 'pdate' }, 
     { data: 'duedate' } 
    ] 
}); 

這是fiddle。

$b = [ 
'title'=> "Seminar", 
'pdate'=> "2016-02-05", 
'duedate' => "2016-03-04" 

]; 

$a['data'][] = $b; 
echo json_encode($a); 

怎麼了？

Answer 1

data必須是「行」的陣列

從documentation：

用於一個DataTable 必須始終是一個數組（它 ，創建主數據源當使用DOM源數據時自動）。每個要顯示在 該數組將定義的行項和數據表可使用 三種基本的Javascript數據類型作爲數據源的行

• 陣列 - []
• 對象 - {}
• 實例 - new MyClass()

因此，返回的數據從?r=site/test必須是

{ 
    "data": [{ 
     "title": "Seminar", 
     "pdate": "2016-02-05", 
     "duedate": "2016-03-04" 
    }] 
} 

fiddle