Datatable是一款非常流行的表格插件,它可以方便地對(duì)數(shù)據(jù)進(jìn)行排序、過(guò)濾、查找等操作。而我們?cè)趯?shí)際使用中,可能需要將表格中的數(shù)據(jù)放入JSON中,這樣便于在前端進(jìn)行處理和展示。下面我們來(lái)看看怎樣將Datatable數(shù)據(jù)放入JSON中。
//初始化Datatable var table = $('#example').DataTable(); //獲取表格中所有數(shù)據(jù) var data = table.data().toArray(); //將數(shù)據(jù)轉(zhuǎn)為JSON格式 var json = JSON.stringify(data); //輸出JSON字符串 console.log(json);
上面的代碼中,我們使用了DataTable提供的data()方法來(lái)獲取表格中所有數(shù)據(jù)。該方法返回一個(gè)DataTables.Api實(shí)例,代表了表格中的一組數(shù)據(jù),我們可以通過(guò)toArray()方法將其轉(zhuǎn)換為一個(gè)數(shù)組。然后,使用JSON.stringify()方法將數(shù)組轉(zhuǎn)為JSON字符串,最后輸出JSON字符串到控制臺(tái)中。
需要注意的是,上述代碼僅適用于獲取當(dāng)前頁(yè)數(shù)據(jù),如果需要獲取所有數(shù)據(jù),需要通過(guò)Datatable提供的ajax選項(xiàng)或者服務(wù)端處理來(lái)獲取所有數(shù)據(jù)。