色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

cdatatable 轉json

方一強1年前8瀏覽0評論
CDatatable 是一種簡單易用的數據表格插件,它可以幫助我們快速創建可排序、可搜索、可分頁的數據表格。而在許多應用程序中,我們需要將這些數據表格轉換為 JSON 格式,以便在前端進行更多的處理和展示。本文將介紹如何使用 CDatatable 將數據表格轉換為 JSON 格式。 首先,我們需要將 CDatatable 插件引入到我們的項目中。我們可以在 CDN 上獲取該插件,或者下載它的源代碼并自行導入。在引入插件之后,我們可以創建一個 CDatatable,并將數據源設置為一個帶有表頭和數據記錄的二維數組。例如:
let dataTable = $('#example').DataTable({
"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"]
],
"columns": [
{"title": "Name"},
{"title": "Position"},
{"title": "Office"},
{"title": "Extn."},
{"title": "Start date"},
{"title": "Salary"}
]
});
接下來,我們需要使用 CDatatable 提供的 API 將數據表格轉換為 JSON 格式。CDatatable 提供了名為 rows().data() 的方法,該方法可以返回當前頁面上的所有數據記錄(即 jQuery 對象數組)。我們可以進一步使用 jQuery 的 map() 方法將這些對象數組轉換為簡單對象數組。例如:
let data = dataTable.rows().data();
let jsonData = [];
data.map(function(rowData){
let obj = {};
$(rowData).each(function(i, value){
obj[dataTable.columns(i).header().innerText] = value;
});
jsonData.push(obj);
});
在上面的代碼中,我們首先使用 rows().data() 方法獲取到當前頁面上的所有數據記錄,并存儲在 data 變量中。接著,我們在 jsonData 變量中初始化一個空數組,使用 data.map() 方法循環遍歷 data 數組中的每一行數據記錄。在每一行數據記錄中,我們使用 jQuery 的 each() 方法對其進行遍歷,并將其轉換為簡單對象。最后,我們將該對象推到 jsonData 數組中,即可得到最終的 JSON 格式數據。 總之,使用 CDatatable 將數據表格轉換為 JSON 格式非常簡單。我們只需要獲取數據記錄對象,使用 jQuery 的 map() 方法將其轉換為簡單對象數組,即可得到所需的數據。