DataTables使用技巧

官网：https://datatables.net/
中文站：http://www.datatables.club/

下载源码：https://datatables.net/download/index

为啥会选择使用DataTables呢？其官网上说了它很多出众的特性，当然其涵盖了大部分的表格操作的功能，但是其API封装的并不是太友好，新老版本混杂，使用起来相当混乱，额外增加的请求参数过多且没有良好的说明。

由于项目组急需一款ajax方式的分页表格，虽然API不友好，但是功能满足，顾选择了它。

选用的是最新的版本：1.10.16

注意：1.10.x版本和1.9.x版本，请求后台返回的字段是不同的。

1.10.x 版本返回的是 :recordsTotal和recordFiltered
1.9.x 版本返回的是：iTotalRecords和ITotalDisplayRecords

否则在页面使用MAX 和TOTAL的时候会是NAN

使用ajax做参数post的时候，提交form表单和提交json格式的是有区别的

1 提交form

 "ajax":{
                        "url":url,
                        "type":"POST",
                        data:function(d){

                            var start = d.start==0 ? 1 : (d.start+d.length)/d.length;

                 var dataStr=$(data).serialize();
                            dataStr=dataStr+"&start="+start+"&length="+d.length;
                            return dataStr;
                        }
                    }

d.start是当前页起始行数，d.length是当前页展示多少行记录

2 提交json

 "ajax":{
                        "url":url,
                        "type":"POST",
                       "Content-Type", "application/json", 
                        data:function(d){

                            var start = d.start==0 ? 1 : (d.start+d.length)/d.length;

                            if(isRequestJson){
                                data.start=start;
                                data.length=d.length;
                                return JSON.stringify(data);
                            }

                        }
                    }

传递参数格式，更多内容，参考这里：http://datatables.club/reference/option/ajax.data.html