layUI 前端分页和后端分页

最新推荐文章于 2024-08-03 13:41:47 发布

再如月

最新推荐文章于 2024-08-03 13:41:47 发布

阅读量2.7k

点赞数

文章标签： layUI分页　layui后端分页　layui前端分页

本文链接：https://blog.csdn.net/like_the_moon/article/details/91960058

版权

本文详细探讨了layUI在前端和后端实现分页的方法，包括前端如何利用layUI组件实现数据的分页展示，以及后端如何处理分页请求，返回分页数据。通过实例讲解，帮助开发者理解并掌握layUI分页的实施技巧。

摘要由CSDN通过智能技术生成

layUI 前端分页和后端分页

layui后端分页：
function pagination(curr,gwayId,mlity,ePart) {
  $(".manage_ys_list").html('加载中...');
  let dd={
         conditions: {
         gatewayId:gwayId,
         searchText:"",
         pageSize:15,
         pageIndex:curr-1
         },
         identity:{
         "userName":userName1,
         "sessionId":sessionId1,
         "token":token2
         }
        }

    $.ajax({
type:"POST",
dataType: 'json',
url:UserListPaged, 
data:dd,
headers:{ 'X-Requested-With': 'XMLHttpRequest' }, 
success:function(data){ 
   
  let total=data.data.recordCount;
  let pageCount=data.data.pageCount;
  let pageSize=data.data.pageSize;
  if(data.data.recordCount>=0){ 
    let dataHtml = '';
             for(var i=0;i<data.data.result.length;i++){
               
                        dataHtml += '<tr><td>'+data.data.result[i].gatewayId+'</td><td>'+data.data.result[i].userId+
                        '</td><td>'+data.data.result[i].realName+'</td><td>'+data.data.result[i].sex+'</td><td>'+data.data.result[i].workUnit+
                        '</td><td>'+data.data.result[i].phoneNo+'</td><td>'+data.data.result[i].isAdmin+
                        '</td><td><a title="" class="btn btn-sm btn-info text-white manage_ys_xg" gatewayId=