使用datatables实现后台分页功能，减轻前端渲染压力

注意不同版本，参数名字及参数内容存在差异，具体可以参考https://datatables.net/upgrade/1.10-convert#Options

 

控制页面显示的参数：https://datatables.net/reference/option/

 

前端传给后端的参数列表：

后端传给前端的参数列表：

 

修改搜索触发方式(原来的触发方式为keyup，修改为回车触发)：http://blog.csdn.net/u012088516/article/details/52423248

增加前端传给后端的参数：http://www.datatables.club/manual/daily/2016/04/21/option-ajax-data.html

 

前端传给后端的默认参数列表：

draw: 1
columns[0][data]: 0
columns[0][name]: 
columns[0][searchable]: true
columns[0][orderable]: false
columns[0][search][value]: 
columns[0][search][regex]: false
columns[1][data]: 1
columns[1][name]: 
columns[1][searchable]: true
columns[1][orderable]: false
columns[1][search][value]: 
columns[1][search][regex]: false
columns[2][data]: 2
columns[2][name]: 
columns[2][searchable]: true
columns[2][orderable]: false
columns[2][search][value]: 
columns[2][search][regex]: false
columns[3][data]: 3
columns[3][name]: 
columns[3][searchable]: true
columns[3][orderable]: false
columns[3][search][value]: 
columns[3][search][regex]: false
columns[4][data]: 4
columns[4][name]: 
columns[4][searchable]: true
columns[4][orderable]: false
columns[4][search][value]: 
columns[4][search][regex]: false
columns[5][data]: 5
columns[5][name]: 
columns[5][searchable]: true
columns[5][orderable]: false
columns[5][search][value]: 
columns[5][search][regex]: false
columns[6][data]: 6
columns[6][name]: 
columns[6][searchable]: true
columns[6][orderable]: false
columns[6][search][value]: 
columns[6][search][regex]: false
start: 0
length: 10
search[value]: 
search[regex]: false

 

参考：

https://datatables.net/manual/server-side#Example-data

http://datatables.club

http://blog.csdn.net/u010403387/article/details/46355533

转载于:https://www.cnblogs.com/shengulong/p/8625372.html