Datatable是一種流行的jQuery插件,用于創建漂亮的HTML表格。其中一個強大的功能是可以通過使用JSON對象來填充數據。這對于從服務器獲取大量數據的情況非常有用,因為JSON格式非常適合用于傳輸和存儲數據。
在Datatable中,你可以使用以下代碼來加載JSON格式的數據:
$(document).ready(function() { $('#example').DataTable( { "ajax": "/data/data.json" } ); } );
這里的"data.json"是存儲數據的文件名。這個文件應該是一個標準的JSON文件,其中包含所有要在表格中顯示的數據。
JSON文件的格式看起來像這樣:
{ "data": [ [ "Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800" ], [ "Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750" ], [ "Ashton Cox", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000" ] ] }
其中"data"是一個包含所有行及其數據的數組。每一行數據都以數組的形式存儲,其中每個單元格的值都存儲在一個元素中。這個數組中的元素的數量應該等于表格中列的數量。
使用JSON格式的數據填充Datatable很簡單,它使得從服務器獲取數據并在表格中顯示這些數據變得非常容易。