ajax实现分页的局部刷新（基于Jeesite框架），这个方法也可以用来实现一个jsp页面有多个分页

最新推荐文章于 2021-08-05 23:09:21 发布

csdnyingying

最新推荐文章于 2021-08-05 23:09:21 发布

阅读量1.1k

点赞数

分类专栏：前后端学习点滴文章标签：分页 ajax jeesite

本文链接：https://blog.csdn.net/CSDNyingying/article/details/83268425

版权

本文介绍如何使用Ajax解决Jeesite框架中分页导致的整个页面刷新问题。通过点击分页触发Ajax事件，传递后台所需参数，后台返回数据后在前端进行HTML部分的局部刷新。在页面有多个分页的情况下，可通过多个search方法或根据URL判断来区分不同的刷新部分。示例代码展示了如何实现这一功能，并提供了效果展示。

摘要由CSDN通过智能技术生成

因为jeesite框架带的分页实现它的刷新是整个jsp页面的刷新，所以这一点就很苦恼。下面我用ajax来解决这个问题。

点击分页时触发ajax事件，将后台需要的参数通过ajax传过去，然后后台返回的数据再ajax里画的html部分显示出来，主意你需要刷新拿个部分就在里面拼接哪个部分，下面人我贴出部分代码

<table width="100%" border="0" cellspacing="0" cellpadding="0" style="padding: 10px 0" id="contentTable">
				<thead>
				<tr>
					<th height="50" style="width: 15%">运维类型</th>
					<th style="width: 15%">运维负责人</th>
					<th style="width: 15%">计划运维时间</th>
					<th style="width: 15%">运维计划状态</th>
					<th style="width: 40%">运维概述</th>
				</tr>
                </thead>
                <tbody>
				<c:forEach items="${seeEqLists.list}" var="page">
					<tr>
						<td style="padding-left: 20px;">
							<c:choose>
								<c:when test="${page.type==0}">
									计划运维
								</c:when>
								<c:when test="${page.type==1}">
									人工运维
								</c:when>
								<c:when test="${page.type==2}">
									故障检修
								</c:when>
							</c:choose>
						</td>
						<td style="padding-left: 20px;">${page.personInCharge}</td>
						<td height="45" style="padding-left: 20px;"><fmt:formatDate value="${page.planTime}" pattern="yyyy-MM-dd"/></td>
						<td style="padding-left: 20p