DataTable保存JSON文件存儲是一種將數據從網頁傳輸到服務器并存儲的方法。使用DataTable和jQuery可以很容易地將數據保存到JSON文件中。
下面是一段使用jQuery和DataTable將數據保存為JSON文件的示例代碼:
$(document).ready(function () { $('#saveToJSON').click(function () { var datatableData = $('#myDataTable').dataTable().fnGetData(); var jsonData = JSON.stringify(datatableData); var jsonFile = new Blob([jsonData], {type: 'text/json;charset=utf-8'}); saveAs(jsonFile, 'myData.json'); }); });
該代碼從myDataTable中獲取數據,并將這些數據轉換為JSON格式。它然后創建一個新的Blob對象,并將JSON數據放入其中。最后,代碼使用該Blob對象創建一個可下載的JSON文件,并將該文件保存為myData.json。
要使用該代碼保存DataTable數據,請確保使用jQuery和DataTables的前提下,將DataTable的ID設置為myDataTable,將一個按鈕的ID設置為saveToJSON,該按鈕會在點擊時觸發保存。
除了可以手動保存,此方法還可以使用服務器端來自動保存數據:
$.ajax({ type: "POST", url: "saveData.php", data: {data : datatableData}, success: function(response){ alert("Data saved successfully!"); } });
該代碼將DataTable數據作為data參數發送到服務器中的saveData.php文件。成功提交后,代碼將彈出一個“數據保存成功!”的對話框。
總之,使用jQuery和DataTable將數據保存為JSON格式非常簡單。使用此方法,可以輕松地將數據存儲在本地文件或服務器上,以備將來使用。
上一篇c 讀取json 屬性
下一篇c 讀取json內容