DataTable是一個非常強大的jQuery表格插件,可以輕松地創建動態表格并具有強大的功能。它可以輕松地從HTML表格中獲取數據并顯示在表格中。但是,如果您想獲取表格的JSON數據而不是HTML數據,這需要一些額外的步驟。
要獲取DataTable表格的JSON數據,您需要使用jQuery中的“data()”方法。該方法可以返回一個包含表格數據的JavaScript對象。然后,您可以使用JavaScript中的JSON.stringify()方法將該對象轉換為JSON字符串。
var table = $('#myTable').DataTable(); var data = table.data().toArray(); var jsonData = JSON.stringify(data); console.log(jsonData);
以上代碼首先使用DataTable()方法從表格中獲取對象。然后,使用toArray()方法將數據轉換為JavaScript數組。最后,使用JSON.stringify()方法將該數組轉換為JSON字符串。在控制臺中,您可以看到JSON字符串表示表格中的所有數據。
您還可以使用ajax向服務器發送JSON數據:
$.ajax({ type: 'POST', url: 'myurl', data: jsonData, dataType: 'json', contentType: 'application/json', success: function(response) { console.log(response); } });
通過使用“type”屬性將HTTP方法設置為POST,您可以向服務器發送JSON數據。您還可以設置“url”屬性來指定服務器端點。在“data”屬性中,您應該指定要發送的數據,這是我們先前生成的JSON字符串。在“dataType”屬性中,您應該設置為“json”,告訴服務器期望接收JSON響應。在“contentType”屬性中,您應該指定要發送的內容類型,這是一個標準的Web API首選格式。最后,您可以在“success”回調中使用服務器響應。
這樣就可以使用DataTable獲取表格JSON數據了。