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


测试:运行项目

 

AJAX+struts实现无刷新分页

昨天女朋友说要实现局部刷新列表,开始没明白啥意思,后来才知道原来是一个页面上有个显示列表,还有其他的东西,想实现只刷新列表的功能。今天差了点资料,于是用AJAX的特性实现了这个功能。我总觉得AJAX和...
  • xuxiannian
  • xuxiannian
  • 2008年01月08日 11:49
  • 822

php+ajax+jquery 实现无刷新分页以及js缓存

PHP+jQuery+ajax 实现无刷新分页 本文记录了实现刷新新分页以js实现缓存,以便自己以后翻阅 总体思路: 在服务端根据ajax提交的当前页和商品id查询出分页需要的数据;返回前端的数...
  • weixin_38112233
  • weixin_38112233
  • 2017年12月13日 09:18
  • 156

php+ajax+jquery实现分页

HTML ? 1 2 3 4 div id="list">  ul>ul> div> div id="pagecount"...
  • will5451
  • will5451
  • 2016年07月26日 18:01
  • 422

JQuery+php+ajax 实现无刷新分页显示

  • 2011年07月20日 10:39
  • 52KB
  • 下载

jQuery+Ajax+PHP无刷新分页

下载演示地址:http://www.erdangjiade.com/js/2.html 效果图: 本文使用jQuery+Ajax+PHP+Mysql,通过实例讲解如何实现Ajax无刷新...
  • u013032788
  • u013032788
  • 2017年03月13日 14:47
  • 286

jQuery+Ajax+PHP无刷新分页

  • 2015年03月22日 17:51
  • 191KB
  • 下载

Jquery+ajax+PHP 基于thinkPHP的无刷新分页

功能描述:以带着参数的形式加载Listinfo页面,形如: http://无法访问的链接/index.php?g=Baoliao&m=Index&a=listinfo&id=1 或者是: htt...
  • CSDN_GOON
  • CSDN_GOON
  • 2015年12月28日 18:06
  • 2553

jQuery+Ajax+PHP无刷新分页

  • 2016年05月24日 11:18
  • 5KB
  • 下载

JQuery+Ajax无刷新分页

先看效果图: 实现原理很简单,使用了jquery.pagination这个插件,每当点击页码时异步去服务器去取该页的数据,简单介绍如下: 一、数据库表结构:很简单  就四个字段 分别是News...
  • gxiangzi
  • gxiangzi
  • 2011年11月25日 23:04
  • 9081

jQuery+Ajax+PHP无刷新分页

代码需要在后台运行(包括页面index.html,ajax.php,connect.php,还有数据库food.sql) index.html jQuery+Ajax+PH...
  • daimomo000
  • daimomo000
  • 2018年01月04日 15:14
  • 36
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery+AJAX+Struts实现无刷新分页
举报原因:
原因补充:

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