您的足迹:首页 > web前端 >jQuery DataTables插件自定义Ajax分页解析(前端分页,后端php)

jQuery DataTables插件自定义Ajax分页解析(前端分页,后端php)

????datatables是jQuery的一个插件,但是很是强大,有查询,排序功能,而且很漂亮,最重要的是他自带 了一个分页功能,很是强大
datatables的分页形式有2种:
前端分页和后端分页
1.后端分页:服务器端分页,当dataables需要数据的时候会自动的发出请求,比较复杂一点;
2.前端分页:前端分页也是支持的,不过需要一次把所有数据都获取到才可以。(方式简单,但是大数据量的时候就是一个问题了)?
开启后端分页,在请求之前,将传入的数据进行重组,在获取到数据后,将返回的数据按照后端分页的数据格式组装一遍,json格式返回数据。
通过配置参数来开启:serverSide: true, ?//启用服务器端分页

通过DataTables配置参数ajax项实现的。
前端html页面代码:


 jquery DataTables插件自定义分页ajax实现
 
 
 


JQuery DataTables插件自定义分页Ajax实现

ID 操作人 动作 操作时间 操作ip 被操作id或渠道名
后端php代码:
namespace Home\Controller;
use Think\Controller;
class LogController extends AdminController{
    public function index(){
        if(IS_POST){
            $logs = M('log');
            $total = $logs->count();
            $page = I('post.page',1);
            $start = I('post.start',0);
            $limit = I('post.limit',10);
            $limits = $start.','.$limit;

            $datas=$logs->order('id desc')->limit($limits)->select();
            foreach($datas as $k=>$v){
                $datas[$k]['time'] = date('Y-m-d H:i:s',$v['time']);
            }
            $return =  array(
                'data' => $datas,
                'total' => $total,
                'limit' => $limit,
                'start'=>$start,
                'page'=>$page
            );
            echo json_encode($return,JSON_UNESCAPED_UNICODE);exit();
        }
        $this->display();
    }
}

相关推荐

网友评论(0)