当前位置: 代码迷 >> J2EE >> JSP 用Ajax技术如何实现分页
  详细解决方案

JSP 用Ajax技术如何实现分页

热度:80   发布时间:2016-04-22 01:08:42.0
JSP 用Ajax技术怎么实现分页?
就像邮箱一样 点击下一页 并不刷新整个页面。

求高手指点,小弟虚心学习!

------解决方案--------------------
每点击下一页或者上一页,发送一个ajax请求,这个Ajax请求携带一些参数(如\;当前页数、每页显示的记录数、点击的是下一页还是上一页信息),后台获取这些信息后到数据库中查询相应的数据返回给前台页面,前台通过回调函数把结果显示在页面中,这样就可以实现了
------解决方案--------------------
<script>
//AJAX函数
function getPage(page){
...
...
document.getElementById("content").innerHTML=ajax返回值;
}
</script>
<div id=content>
<!--要显示的内容-->
</div>
<a href=### onclick="getPage(参数)">页码</a>
参数就是页码

------解决方案--------------------
其实和刷新页面的分页处理方式差不多,
只是现在是通过ajax请求把需要的参数传送给后台的servlet/action
然后后台处理完了不是做页面跳转,而是吧前台需要的数据传递回去
前台在回调函数中通过js处理返回的数据,把页面显示的数据更换掉
  相关解决方案