Datatable是一種常用的表格插件,它可以方便地將數據展示出來。但是,有時我們需要將表格的列名轉為JSON格式,這樣在前后端交互時可以更加靈活。
// 定義一個Datatable var table = $('#example').DataTable(); // 獲取表格列名 var columns = table.columns().header(); // 定義一個空數組 var data = []; // 循環遍歷表格列名 $(columns).each(function(index, item) { // 將列名push到數組中 data.push(item.innerText); }); // 將數組轉為JSON格式 var json = JSON.stringify(data);
上面的代碼首先定義了一個Datatable,然后使用columns().header()方法獲取表格的列名。接著,我們定義了一個空數組data,循環遍歷表格列名將其push到data數組中。最后,使用JSON.stringify()方法將數組轉為JSON格式。
這樣轉換出來的JSON格式列名可以很方便地用在前后端交互中,如下面的Ajax請求:
// 發送Ajax請求 $.ajax({ url: '/example', type: 'POST', data: json, success: function(response) { // 處理響應結果 }, error: function() { // 處理錯誤 } });
在這個例子中,我們將轉換后的JSON格式列名作為請求的數據發送到服務器端進行處理,服務器端可以根據這個數據來進行相關操作。
下一篇vue-pdf 放大