使用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