一款轻量级的分页插件 ---- jquery-page

前言

有段时间没有写博客了,最近因为工作的事情也是特别的忙,不过因为要改之前的一个项目的分页,思考了一下需要更改的页面很多,也就先封装了个小插件出来,是个特别轻量级的js分页插件,分享给大家,这个插件真的是非常轻量,为大家提供了一个简单的分页功能。

github地址:

https://github.com/lqxsunhan123/jquery-page

效果图

这里写图片描述

    var obj = $("#page1").page({
        //  后台地址
        url : "../enterpriseNotice/page",
        data: {
        // 第一次请求时需要的查询参数,默认为空
            newsName : $("#searchIn").val(),
        },
        pageNo:1, // 默认1
        pageSize:3, // 默认10
        getRes: function(data){
          // 这里可以对服务器返回给你的数据进行处理,如拼接html进table等等
        },
        initComplete: function(){
         // 这里可以做需要dom初始化完成的操作
        }
    })

简单讲一下插件,插件的主要作用就是生成分页条,你不用再去思考前端关于currentPage, nextPage, previousPage等事情,插件这部分都做好了,你需要做的就是getRes方法,即获取数据过后,处理数据的部分,比如你要根据数据生成一个新闻列表啊什么的。

出现什么问题的,联系博主就ok啦。

猜你喜欢

转载自blog.csdn.net/lqx_sunhan/article/details/81251916