前端datatable插件优化分页速度

我哒哒的圈圈 2017-07-20 04:37:54
最近用了一个datatable的分页插件,不过并没有使用其提供的ajax请求,数据是楼主自己写的存储过程拿出来的,但使用之后发现一个问题,数据量越大,分页速度越满,试着执行了一下存储过程,6千多条数据查询不到0.1秒,而返回前端后,datatable进行分页需要近10秒,初步估计是datatable统计数据量进行分页浪费了大量的时间(数据总数存储过程有返回).代码附上,求大神帮忙优化下

function Page(id) {
$("#"+id+"").dataTable({
"iDisplayLength": 5,
"paging": true,
"info": false,
"lengthChange": false,
"ordering": false,
"retrieve": true,//保证只有一个table实例
"searching": false,

"language": {
"emptyTable": "没有找到相匹配的记录!",
"paginate": {
"emptyTable": "没有记录!",
"previous": "上一页",
"next": "下一页"
}
}
})
}
...全文
313 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
jio可 2017-07-21
  • 打赏
  • 举报
回复
前端分页也是一样,不用datatables的分页。paging:false;info:false;自己写分页,按钮上一页下一页出发事件执行分页逻辑更新表格数据。
jio可 2017-07-21
  • 打赏
  • 举报
回复
可以不用它的分页自己写一个后台分页返回当前页的数据就行了。page = 1; size = 10;
我哒哒的圈圈 2017-07-21
  • 打赏
  • 举报
回复
我也是认为后台分页最好,只是修改起来有些麻烦,反正数据量也不算大,想在前端能否优化一下加载速度
无爱大叔 2017-07-20
  • 打赏
  • 举报
回复
我觉得你可能是把6000条都取出来,然后再在前端用js进行分页计算。如果是这样,你需要改后台代码了,分页只应该取当前页的记录数量,如每页显示20条,那么取出来的datatable就只有20条

87,921

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧