手机端的上拉加载列表更多(Java)

最新推荐文章于 2024-03-17 17:28:50 发布

wangbiao007

最新推荐文章于 2024-03-17 17:28:50 发布

阅读量2.5k

点赞数

分类专栏：前端js 文章标签： javascript html function

本文链接：https://blog.csdn.net/wangbiao007/article/details/39023301

版权

前端js 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

刚来公司，觉得只是遇到的第一个难题。主要方法就是将数据从数据库取出来后，将这些数据以统一的格式放在在一个新的jsp页面中，再在住页面中通过js加载这个新的jsp页面，下面是代码：

前端的js代码：

下面是body中的代码：

<body>
<jsp:include page="/jsgatongji.jsp"></jsp:include>
<jsp:include page="/newTopOfInfo.jsp"></jsp:include>
<div class="listBox pd10">
<div class="f16">您共有${requestScope.mydecorationList.totalCount}个装修请求</div>
<ul class="list2 mt10" id="content">
<c:if test="${requestScope.mydecorationList.totalCount==0}">
<div style="height:200px;">
<div style="margin-top:100px;line-height:2em; text-align:center;"> 目前您暂无发标记录</div>
</div>
</c:if>
<c:if test="${requestScope.mydecorationList.totalCount>0}">
<c:forEach var="task" items="${requestScope.mydecorationList.taskList}">
<li>
<c:if test="${task.replyNum >0}">
<a href="/user.d?m=reply&taskid=${task.taskID }">
</c:if>
<div class="time f12 f999"><span>发标时间：${task.createTime }</span></div>
<div class="introBox pd10">
<c:if test="${task.replyNum>0 }">
<div class="icon_m"></div>
</c:if>
<p class="f14">[${task.city }]${task.estateName}</p>
<c:if test="${task.replyNum >0}">
<p class="f12 f999">已有${task.replyNum }人应答</p>
</c:if>
<c:if test="${task.replyNum==0 }">
<p class="f12 f999">暂无人应答</p>
</c:if>
</div>
<c:if test="${task.replyNum >0}">
</a>
</c:if>
</li>
</c:forEach>
</c:if>
</ul>
</div>
<div id="totalpage" class="none">${requestScope.totalPage }</div>
<div id="drag" ><span style="color: red;"></span>
<div class="draginner fblu" style="height:37px;background:none;font-size:16px;" align="center" >上拉自动加载更多</div>
</div>
<jsp:include page="/foot.jsp"></jsp:include>

这里还要创建一个新的jsp页面，新的jsp页面中的代码和主jsp页面中的一部分代码是一样的，这个jsp页面的完整代码

<%@page language="java" pageEncoding="GBK" contentType="text/html;charset=GBK"%>
<%@page import="java.util.*" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jstl/functions"%>
<%@page import="java.net.URLEncoder"%>
<c:forEach var="task" items="${requestScope.mydecorationList.taskList}">
<li>
<c:if test="${task.replyNum >0}">
<a href="/user.d?m=reply&taskid=${task.taskID }">
</c:if>
<div class="time f12 f999"><span>发标时间：${task.createTime }</span></div>
<div class="introBox pd10">
<c:if test="${task.replyNum>0 }">
<div class="icon_m"></div>
</c:if>
<p class="f14">[${task.city }]${task.estateName}</p>
<c:if test="${task.replyNum >0}">
<p class="f12 f999">已有${task.replyNum }人应答</p>
</c:if>
<c:if test="${task.replyNum==0 }">
<p class="f12 f999">暂无人应答</p>
</c:if>
</div>
<c:if test="${task.replyNum >0}">
</a>
</c:if>
</li>
</c:forEach>