主要的思想是 在A.jsp 页面 使用ajax提交后,通过controller 到数据库中根据条件查询新的数据,通过list集合,返回数据到 B.jsp页面(这个jsp页面是要跟新数据的局部部分,这个页面只包含数据内容,因为后面要将这个jsp 页面通过 <%@ include file="jsp的文件位置"% > 引入到 我们的主页面 )。
先上 :主页面 与提交ajax的部分代码,这是 A.jsp 页面
<div class=" marign_t174"> <div class="page__bd" id="key"> <%@ include file="B.jsp"%> </div> </div>
<script>标签
<script>
$(function(){
//通过判断提交数据 $("#education").change(function(){ $("#idform").ajaxSubmit({ type:'POST', dataType:'text', url:'searchbykeyword', //数据提交到controller success:function(html){ $("#key").html(html); } }); })
</script>
再上 controller 代码:
/** * 发布的岗位根据学历、年龄、月薪、行业类别、工作地区条件查询刷新 * @param model * @return */ @RequestMapping(value="/searchbykeyword") public String searchbykeyword(Model model, HttpServletRequest rquest,StationBean bean){ if(bean.getName()!=null&&bean.getName()!=""){ bean.setName(bean.getName()); } List<StationBean> list = stationService.findAllData(bean); model.addAttribute("list", list); //返回到我上面提到的jsp页面,进行数据展示 return "B";(也就是 B.jsp 页面) }
再来个 B.jsp 页面:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <table border="1px" bordercolor="white" style="width: 100%;" cellspacing="0" cellspacing="0"> <tr class="title" style="background-color: #ffdcbb;height: 50px;"> <th>应聘岗位</th> <th>应聘人</th> <th>应聘人电话</th> <th>应聘人手机</th> <th>应聘时间</th> </tr> <c:forEach items="${list }" var="list"> <tr style="height: 40px;text-align: center;"> <td>${list.position_type }</td> <td>${list.user_name }</td> <td>${list.phone }</td> <td>${list.mobile }</td> <td> <fmt:parseDate value="${list.create_time }" pattern="yyyy-MM-dd" var="receiveDate"></fmt:parseDate> <fmt:formatDate value="${receiveDate}" pattern="yyyy-MM-dd" ></fmt:formatDate> </td> </tr> </c:forEach> </table>
到这里就可以了,绝对是可以成功的。之前还试过其他的方法,但是没有成功。