菜鸟html分页,请问前端如何用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}

完了

也不晓得这样的方式好不好哈，仅供参考，希望对你有所帮助。

= =有不足的地方望各位大大指出，表达能力不好也请多多包涵。