首页 > 请问前端如何用AJAX做分页?

请问前端如何用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}


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


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


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


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

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

pagenum++ 为2

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


容我想一下...

你的意思是不是这样的:用ajax传递参数,不在URL里显示参数,是不是这种效果?

【热门文章】
【热门文章】