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


测试:运行项目

 

阅读更多
文章标签: jquery ajax
个人分类: jquery
上一篇JQuery操作Json循环插入到Table
下一篇js导出table中的EXCEL总结
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭