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

问题描述

问 题

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

解决方案

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

---

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}

---

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

这篇关于javascript - 请问前端如何用AJAX做分页？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！