web 我的项目创立
创立一般的 maven 我的项目,咱们手动增加依赖
1.<!-- 指定我的项目打包形式 -->
<packaging>war</packaging>
2.<!--springBoot 整合 JSP 增加依赖 -->
<!--servlet 依赖 -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
</dependency>
<!--jstl 依赖 -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jstl</artifactId>
</dependency>
<!-- 使 jsp 页面失效 -->
<dependency>
<groupId>org.apache.tomcat.embed</groupId>
<artifactId>tomcat-embed-jasper</artifactId>
</dependency>
定义启动类
批改启动项目录
批改 YML 配置
创立 jsp 页面的目录构造
异步形式调用
AJAX 原理
特点: 部分刷新: 异步调用 (加载)
调用原理阐明:
1. 用户将申请发给 AJAX 引擎进行解决. 之后期待引擎返回数据.
2.ajax 引擎接管到用户的申请之后., 代替用户拜访后端服务器,
3. 后端服务器接管申请之后, 执行业务解决. 并且将返回值返回.
4.ajax 引擎收到返回值后果之后, 要在第一工夫告诉给用户. 利用回调函数将数据传给客户端.ajax 调用胜利.
AJAX 的一些技巧
遍历索引用 in 遍历一条数据用 of
<script type="text/javascript">
/* 页面加载实现后执行 */
$(function(){
/*
需要:利用 ajax 形式动静获取 user 数据信息
申请网址:localhost/findAjax
知识点:返回值类型: 能够依据数据主动匹配类型,所以能够省略
1.$.get(url 地址,param 参数, 回调函数, 返回值类型)
2.$.post(.....)
3.$.getJSON(.....)
*/
$.get("findAjax",{id:40},function(res){
//1. 能够应用 js 中的 for 循环
/* for(let index in res){} */
/* index 示意索引 应用 in */
/* user 示意对象 应用 of */
for(let user of res){
let id=user.id;
let name=user.name;
let age=user.age;
let sex=user.sex;
let tr ="<tr align='center'><td>"+id+"</td><td>"+name+"</td><td>"+age+"</td><td>"+sex+"</td></tr>";
$("#tableId").append(tr);
}
})
})
</script>