jquerydatatables插件自定义ajax分页实例解析_jquery

《jquerydatatables插件自定义ajax分页实例解析_jquery》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、jQueryDataTables插件自定义Ajax分页实例解析一、问题描述园友是做前端的，产品经理要求他使用jQueryDataTables插件显示一个列表，要实现分类效果。后端的分页接口已经写好了，不涉及条件查询，需要传入页码(pageNo)和页面显示数据条数(pageSize),显示相应页的显示记录，且不能修改后端接口。二、分析先來分析下分页实现。一是后端分页：这种情况下，在后端很容易实现，在官网上冇示例，不多说明。二是前端分页:前端分页也是支持的，不过需要一次把所有数据都获取到才可以。看到这里，问题来了。由于后端在目前的情况下是更改不了，只能在前端实现。但是，现

2、在又不满足前端分页的条件：一次性获取所有数据(现在后端数据接II只能返回相应页码的数据)。介于目前的情况，获取的数据只有一页，没有所有的页码。试试能不能伪装一下后端分页的情况，就是开启后端分页，在请求之前，将传入的数据进行重组，在获取到数据后，将返回的数据按照后端分页的数据格式经过测试，是可以的。三、实现通过DataTables配置参数ajax项实现的。关于ajax详细介绍请看官方说明:中文丨英文ajax接收三种类型的参数：^string：设置获取数据的url^object：和jQuery.ajax定义类似^function：口定义获取数据的功能直接上代码吧，都有注释

3、。前端页面代码:

4、.css"rcl二〃stylesheet"mcdia=/zscrccn">JQueryDataTables插件自定义分页Ajax实现

5、le-hovertable-condensed"cel1spacing二〃0〃width=，，100%，，>〈th>编号〈th>姓名〈th>性别