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添加的分页内容

测试：运行项目