请问前端如何用AJAX做分页？

Question

新人菜鸟体温：请问用AJAX做分页的思想，方法大概是如何的？

Answer 1

同新手，最近正好和同学一起做了个，希望对你有所帮助，第一次回答，请多多包涵。-。-
我们是这样实现的

---

js设置了一个nowpage，allpages，默认都是1，加载首页（显示第一的时候）,通过jquery的$.getJSON方式获取数据，后台返回前五条数据、统计总的页数，以json的数据格式返回给前台，
这个时候allpages=xxx了。

 $.getJSON('index.php?r=acontroller/aFactionName', function(data, textStatus) {
        if (textStatus == 'success') {
          //方法
        } else {
            alert("系统错误" + textStatus);
        }
    });
};

下一页上一页的功能的话,就是传现在nowpage到后台，配合sql的，select xx from xx where...limit x,y ，也是通过json数据格式返回给前台

function afterPage(){
if (nowPage == allPage) {
    alert('已经是最后一页');
    return;
}
nowPage = nowPage+1;
$.ajax({
    type: "GET",
    url: "index.php?r=acontroller/aFunctionName2",
    dataType: "json",
    data: {
        page: nowPage,
    },
    success: function(data){
        if (data.success) {
           //方法
           
        } else {
           
        }
    },
    error: function(jqXHR){
        alert("发生错误：" + jqXHR.status);
    },
});

}

页码什么的话，通过allpages拼接html标签，给每个标签附一个onclick方法，其实跟下一页上一页的方式差不多，就是传一个参数obj（第几页）作为 data{page: obj}

---

完了
也不晓得这样的方式好不好哈，仅供参考，希望对你有所帮助。
= =有不足的地方望各位大大指出，表达能力不好也请多多包涵。

Answer 2

容我想一下...

你的意思是不是这样的：用ajax传递参数，不在URL里显示参数，是不是这种效果？

Answer 3

简单说就是需要定义两个变量
pagesize 页面条数（一个页面有几条数据)
pagenum 第几页 （初始化为1)

然后ajax传2个参数到后台取第一页数据

pagenum++ 为2

再ajax传到后台取第二页数据

Answer 4

可以看下网上已有的插件，代码很简单，我最近用了一个http://www.jq22.com/jquery-info5697，源码思路很清晰，api也不错，自己调用时很方便，希望可以帮到你

Answer 5

可以在Button里面存一个页数值，然后使用attr获取这个值，然后传递给后端即可