layer分页器使用

最新推荐文章于 2025-09-03 01:05:30 发布

原创

最新推荐文章于 2025-09-03 01:05:30 发布 · 7.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#分页 #layui

本文介绍了layui分页器的使用方法，通过简单的配置代码，实现分页效果。包括发起AJAX请求获取数据，成功后回调执行分页，定义每页显示条数，模拟渲染及跳转功能。提供直接可用的代码示例，适用于需要快速实现分页功能的场景。

layui给我们提供了分页器的组件，进行简单的配置就能做出分页的效果

上代码：

// 点击查询按钮 开始显示表格内容
// 如果查询内容不存在 则显示为空
$('#searchBtn').click(function(){
   
   
    var html = '';
    $.ajax({
        type:"GET",
        url:"data/tsResult.json",
        success:function(TS){
   
   
            // 拿到投诉案件数据
            // 分页器
            layui.use(['laypage','layer'],function(){
   
   
                var laypage = layui.laypage,
                layer = layui.layer;