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

转载 2016年11月04日 15:04:49

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


测试:运行项目

 

相关文章推荐

Struts2分页实现源码

Struts2分页实现源码 1.介绍 (1)Struts2相当于是servlet,和servelt不同的是当提交到struts.xml中之后,通过aciton标签就可以直接调用想用的方法,减少了代...

jquery如何实现在jsp页面中的无刷新分页

公司要求用jquery实现页面无刷新分页,外加增删改查操作。  我们采用的技术是jsp+JavaBean+Servlet,后台数据库为sqlserver 2000  现在是测试阶段,还没有正式应用到到...

基于Jquery+Ajax+Json实现分页显示

1.后台action产生json数据。 [java] view plain copy List blackList = blackService.g...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

JAVA+JQuery实现异步分页

最近一个项目要求实现异步分页,简单的写了一下,不好的请指出~ /** *分页类 */ public class PageBean { publicint rowCount = 0; /...
  • cjq000
  • cjq000
  • 2012年09月03日 11:42
  • 7232

Struts 2 对 Ajax 分页怎么

preface Struts 2.1 的基于Dojo的Ajax标签。 1.部署是struts2-dojo-plugin-2.1.x.x。jar 2.在需要使用Ajax变标签的JSP页面中导入...

SSH三大框架的整合+利用Ajax实现无刷新分页

以下是我利用Struts2.3.24、Spring4.0、Hibernate4.2 结合Mysql数据库进行的ssh整合,实现分页需要json.js 首先ssh的整合需要导入所有的jar包在web....

女朋友对男性程序员的20大感受

找个学计算机的当老公的20大缺点1,容易早死,因为有辐射2,得肩周炎,颈椎病的几率=100%3,如果你想和你老公上街的时候会被人说成是长辈和小辈一起的话4,如果你想你老公不到25岁时肚子的样子就象你老...

jquery+Struts2实现ajax局部刷新分页

###我们先来看看传统的分页是什么样子 从URL中很明显的看出了分页的技术点,两个参数:一个是当前页page一个是页面大小size 我们甚至可以直接修改URL中的参数来跳转到相应的页面。下面几...

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

jQuery+AJAX+Struts实现无刷新分页 说明: 1.需要jQuery插件js文件; 2.使用myeclipse添加struts能力; 从前从客户端页面向服务器发送Ajax请求,需要在js中...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery+AJAX+Struts实现无刷新分页
举报原因:
原因补充:

(最多只允许输入30个字)