js调用ajax根据后台返回的总数前端设置每页的条数实现分页功能

缘飞梦

于 2018-10-17 17:41:51 发布

阅读量6k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： js jquery layui 前端技术文章标签： js jquery layui

本文链接：https://blog.csdn.net/qq_37481512/article/details/83114417

前端技术同时被 3 个专栏收录

22 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

26 篇文章

订阅专栏

jquery

6 篇文章

订阅专栏

本文介绍了如何在前端使用JavaScript和jQuery，结合layui插件，根据后台返回的总数动态设置每页显示条数，实现分页功能。详细代码展示了解决这个问题的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有时候前端需要实现分页功能，但是后台只给我们返回来总数，每页显示多少条数据需要我们前端来设置，貌似这个有点欺负人，哈哈哈。。话不多说直接上代码： (这里需要用到layui插件，js文件自己去官网下载哦)



var pageNumber=1;//第几页
var sumCount=0; //总共多少条数
var pageSize=3; //每页显示3条
//连接终端
function connTermial(hostId,pageNumber,pageSize){
    $.ajax({
        url:url+'xxxx',
        type:'post',
        data:{
            xxxxid:xxxx,
            xxxx:xxx,
        },
        success:function (res) {
            var con=res.data;
            sumCount=con.length;  //总共多少条数据
            if(con.length>0){
                var arr_length = con.length;
                var newArr = [];  //每页显示pageSize条，分割成小数组
                for(var i=0;i<arr_length;i+=pageSize){
                    newArr.push(con.slic