html ajax实现分页代码,jQuery-ajax如何实现前端分页

首先应该明确需求，我的理解是“可以看得出的区别就是在网页的地址上不会再出现id=1 id=2什么的，只会看到静态页进行无刷新分页。”这种问题不一定非要使用你所说的实现方式。以下是我的实现思路，仅供参考：

在页面中开辟一个DIV(answer_list)，专门用于展示你的数据(例如：div中可以包含某个列表)；DIV中的数据通过ajax异步获取，当然具体的翻页参数应该是在请求ajax数据过程中拼入的。

注意：ajax实际上也是jsp页面，只不过在ajax中已经拼接好了页面所需要展示的html代码，所以待ajax返回数据后，直接填充在刚才所说的DIV中即可。

ajax示例：

function getAnswers(_param){

var paramForm = $("#frmData").serialize();//序列化参数

var sUrl = "../discuss/ajax/get_answers.jsp?";

$.ajax({

type:"post",

url:sUrl,

data:paramForm,

success:function(data){

$("#answer_list").html(data);//回填数据

},

error:function(data){

}

});

}

你每次点击“下一页”，实际上完成的操作是：ajax获取所需参数(包含分页参数和其它查询条件)；ajax异步请求数据；获得ajax返回的数据；将数据回填到DIV中