layui实现分页查询

最新推荐文章于 2025-03-25 12:05:27 发布

qq_25591259

最新推荐文章于 2025-03-25 12:05:27 发布

阅读量4.9k

点赞数 1

分类专栏：前端框架经验总结文章标签：前端框架

本文链接：https://blog.youkuaiyun.com/qq_25591259/article/details/82818722

版权

本文介绍了如何使用前端框架 layui 实现分页查询功能，通过实际操作展示了分页的实现过程，总结了layui分页组件的关键配置和使用心得。

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

1.下载layui

https://www.layui.com/(layui前端框架由贤心创作)

2.查看文档

https://www.layui.com/doc/modules/laypage.html(分页)

3.实例展示

//核心配置

layui.config({
    base : "js/"
}).use(['form','layer','jquery','laypage'],function(){
    var form = layui.form(),
        layer = parent.layer === undefined ? layui.layer : parent.layer,
        laypage = layui.laypage,
        $ = layui.jquery;

//加载页面数据
    var noticeData = '';
    $.ajax({
        url:'/notice/select',
        type:'post',
        dataType:'json',    
        contenType : 'application/json', 
        error: function(data){
            alert("失败!");
        },
        success: function(data){
            noticeData=data;
            noticeList();
        }
       });

function noticeList(that){
        //渲染数据
        function renderDate(data,curr){
            var dataHtml = '';

最低0.47元/天解锁文章