Java进阶之Aiax无刷新分页知识点总结


实例说明
      在Web应用开发中,经常需要对信息进行分页显示。本实例将介绍如何应用Ajax实现无刷新分页。运行本实例,如图1所示,单击信息列表下面的“首 页”、“上一页”、“下一页”以及“尾页”超链接时,可以显示不同的信息,此时整个页面不刷新。

图1 实现无刷新分页

 关键技术
      本实例主要应用Ajax异步提交来实现。当单击超链接时,需要将当前页的页码参数值通过Ajax请求方法发送到服务器,在服务器中根据获得的参数值获取不同的分页数据,然后将这些分页数据以XML文档格式响应给客户端页面。客户端通过Ajax回调函数来读取XML文档内容,将这些内容替换页面信息列表中原来的显示内容,而不改变页面其他内容,从而实现页面的无刷新分页。
 设计过程
     (1)创建request.js文件,用于封装Ajax请求服务器的方法。
     (2)创建商品信息列表页index.jsp,在该页中通过	

                    
                    

你可能感兴趣的:(Java进阶)