jQuery+AJAX+Struts实现无刷新分页

jQuery+AJAX+Struts实现无刷新分页

步骤：

 

1、 myeclipse下新建一个web项目；



 

2、 给项目添加struts能力；



 

 

3、 配置web.xml和struts.xml配置文件；

 

struts.xml配置



 

web.xml配置：struts部分可以自动生成



 

4、 新建两个jsp页面，一个为index.jsp，一个为userlist.jsp；



 

 

5、 编写index页面，在body做初始化操作，并添加一个a标签跳转到userlist.jsp；



 

indexOnload()函数在index.js里



onlineAjax()方法在ajax.js里



 

sendJqueryAjax()方法在jqueryAjax.js里面



 

BaseAction.java核心内容



 

 

6、 编写userlist.jsp页面，添加数据显示的table和其他内容；



7、编写js代码，用jQuery的ajax功能实现分页显示；



 

8、 新建一个action作为ajax请求的URL地址；




 

 

9、 在userlist.jsp页面编写回调函数，显示数据到当前页面；

 

userlist.jsp中的javascript代码



 

10、添加上一页，下一页，实现分页能力；

userlist.jsp添加的分页内容







测试：运行项目