【前端/DataTables】处理ajax原始数据以满足datatables的数据格式

场景

• 在使用datatables.js时，在开启Server-Side Processing的情况下，有时ajax返回的数据并不满足要求的数据格式，即

  {
      "draw": 1,
      "recordsTotal": 57,
      "recordsFiltered": 57,
      "data": [
          [
              "Angelica",
              "Ramos",
              "System Architect",
              "London",
              "9th Oct 09",
              "$2,875"
          ],
          ...
      ]
  }
  

  通常我们可能只有data，即

  {
      "data": [
          [
              "Angelica",
              "Ramos",
              "System Architect",
              "London",
              "9th Oct 09",
              "$2,875"
          ],
          ...
      ]
  }
  

  这个时候可以在前端进行预处理。

方法

$('#myTable').DataTable( {
    'serverSide': true,
    'ajax': {
        'url': '/api/data',
        'dataFilter': function(data){
            var json = JSON.parse( data );
            json['draw'] = 1;
            json['recordsTotal'] = json['data'].length;
            json['recordsFiltered'] = json['data'].length;
            json['data'] = json['data'];
 
            return JSON.stringify( json ); // 返回string
        }
    }
} );