layui与后台数据交互实现分页效果

效果图：

直接上代码：

                       <div id="test1" style="text-align: center;"></div>

$(function(){
    toPage(1);
})   
//初始化分页数据
var zys = '';
function toPage(curr) {
        $.ajax({
            type: "post",
            async: false,
            url: "？？？",    
            //后台数据处理-下面有具体实现
            data: {"ys":curr},
            success: function (res) {
                zys = '后台获取总页数'；
            } 
                }
        });
}
        layui.use('laypage', function(){
          var laypage = layui.laypage;
          // console.log(zys);
          //执行一个laypage实例
          laypage.render({
            elem: 'test1', //注意，这里的 test1 是 ID，不用加 # 号
            count: zys ,//数据总数，从服务端得到
            theme:'#1E9FFF',
            curr: 1 ,
            limit: 10 ,
            jump: function (obj, first) {
                // console.log(obj);
                    if (!first) {
                        toPage(obj.curr);
                    }
                }
          });
        });
            

需要引入jq和layui.js

第一次写分页，嗯就这样，有什么更好的方法欢迎留言探讨。