查询-ajax
1.添加BootStrap与JQuery:
<%
pageContext.setAttribute("APP_PATH",request.getContextPath());
%>
<!--web路径
不以/开始的相对路径,找资源,以当前资源的路径为基准,经常容易出问题
以/开始的相对路径,找资源,以服务器的路径为标准;需加上项目名
-->
<!-- 引入jquery -->
<script type="text/javascript" src="${APP_PATH }/static/js/jquery-3.3.1.js"></script>
<!-- 引入样式 -->
<link href="${APP_PATH }/static/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
<script src="${APP_PATH }/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
2.搭建页面的基本框架
3.编写JQuery方法处理并填充数据
A.对页面各部分分方法创建
B.先创建每一个需要用元素,再添加,再绑定响应事件
C.主要可以把分页的ajax请求抽取出来,好处理。