AjaxPager.js

function AjaxPager(args) {
    var defaults = {   //一部分默认值
        current: 1,
        pageSize: 10
    };
    var args = $.extend(defaults, args);  //将传进来的参数和默认值进行合并
    this.current = args.current;     //当前页索引
    this.pageSize = args.pageSize;   //分页大小
    this.url = args.url;             //要执行异步获取数据的处理程序url
    this.handler = args.handler;       //事件处理函数
}
AjaxPager.prototype = {
    loadPrevPage: function() {      //加载上一页数据的方法
        this.loadPage(this.current - 1);   //即当前页索引-1
    },
    loadPage: function(n) {        //加载某一页的数据的方法
        var _this = this;
        _this.current = n;
        var queryData = {             //构造传递给处理页面的数据 相当于$.get(url,data,function) 中的data
            pageSize: this.pageSize,
            //cols: this.cols,
            orderField: this.orderField,
            //dir: this.dir,
            pageIndex: n
            //table: this.table
        };
        $.ajax({                //调用Jquery的 ajax方法
            type: "post",
            dataType: "json",    //指定返回的数据类型为JSON格式
            url: _this.url,
            data: queryData,
            success: function(data) { _this.handler(data, _this) }
        });
    },
    loadNexPage: function() {     //加载下一页数据的方法
        this.loadPage(this.current + 1);
    }
};