测试switch

第十章 会话

1. 学习目标

• 了解为什么需要会话控制
• 了解会话的范围
• 掌握使用Cookie
• 掌握使用Session

2. 内容讲解

2.1 为什么需要会话控制

images
保持用户登录状态，就是当用户在登录之后，会在服务器中保存该用户的登录状态，当该用户后续访问该项目中的其它动态资源(Servlet或者Thymeleaf)的时候，能够判断当前是否是已经登录过的。而从用户登录到用户退出登录这个过程中所发生的所有请求，其实都是在一次会话范围之内

2.2 域对象的范围

2.2.1 应用域的范围

整个项目部署之后，只会有一个应用域对象，所有客户端都是共同访问同一个应用域对象，在该项目的所有动态资源中也是共用一个应用域对象

2.2.2 请求域的范围

每一次请求都有一个请求域对象，当请求结束的时候对应的请求域对象也就销毁了

2.3 会话域的范围

会话域是从客户端连接上服务器开始，一直到客户端关闭，这一整个过程中发生的所有请求都在同一个会话域中；而不同的客户端是不能共用会话域的

2.3 Cookie技术

2.3.1 Cookie的概念

Cookie是一种客户端的会话技术,它是服务器存放在浏览器的一小份数据,浏览器以后每次访问该服务器的时候都会将这小份数据携带到服务器去。

2.3.2 Cookie的作用

1. 在浏览器中存放数据
2. 将浏览器中存放的数据携带到服务器

2.3.3 Cookie的应用场景

1.记住用户名 当我们在用户名的输入框中输入完用户名后,浏览器记录用户名,下一次再访问登录页面时,用户名自动填充到用户名的输入框.
2.保存电影的播放进度
在网页上播放电影的时候,如果中途退出浏览器了,下载再打开浏览器播放同一部电影的时候,会自动跳转到上次退出时候的进度,因为在播放的时候会将播放进度保存到cookie中

2.3.4 Cookie的入门案例

2.3.4.1 目标

实现在ServletDemo01和ServletDemo02之间共享数据，要求在会话域范围内共享

2.3.4.2 Cookie相关的API

• 创建一个Cookie对象(cookie只能保存字符串数据。且不能保存中文)

new Cookie(String name,String value);

• 把cookie写回浏览器

response.addCookie(cookie);

• 获得浏览器带过来的所有Cookie:

request.getCookies() ; //得到所有的cookie对象。是一个数组，开发中根据key得到目标cookie

• cookie的 API

cookie.getName() ; //返回cookie中设置的key
cookie.getValue(); //返回cookie中设置的value

2.3.4.2 ServletDemo01代码

在ServletDemo01中创建Cookie数据并响应给客户端
public class ServletDemo01 extends HttpServlet {
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}

@Override<br />    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {<br />        //1. 创建一个cookie对象，用于存放键值对<br />        Cookie cookie = new Cookie("cookie-message","hello-cookie");

    //2. 将cookie添加到response中<br />        //底层是通过一个名为"Set-Cookie"的响应头携带到浏览器的<br />        response.addCookie(cookie);<br />    }<br />}<br />![](https://cdn.nlark.com/yuque/0/2021/png/25621085/1640875687761-fd858bcd-4cc3-4c71-bb17-3a0e54068cff.png#)

2.3.4.2 浏览器发送请求携带Cookie

这里不需要我们操作，浏览器会在给服务器发送请求的时候，将cookie通过请求头自动携带到服务器

2.3.4.3 ServletDemo02获取Cookie数据的代码

public class ServletDemo02 extends HttpServlet {
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}

@Override<br />    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {<br />        //1. 从请求中取出cookie<br />        //底层是由名为"Cookie"的请求头携带的<br />        Cookie[] cookies = request.getCookies();

    //2. 遍历出每一个cookie<br />        if (cookies != null) {<br />            for (Cookie cookie : cookies) {<br />                //匹配cookie的name<br />                if (cookie.getName().equals("cookie-message")) {<br />                    //它就是我们想要的那个cookie<br />                    //我们就获取它的value<br />                    String value = cookie.getValue();<br />                    System.out.println("在ServletDemo02中获取str的值为：" + value);<br />                }<br />            }<br />        }<br />    }<br />}<br />

2.3.5 Cookie的时效性

如果我们不设置Cookie的时效性，默认情况下Cookie的有效期是一次会话范围内，我们可以通过cookie的setMaxAge()方法让Cookie持久化保存到浏览器上

• 会话级Cookie
  • 服务器端并没有明确指定Cookie的存在时间
  • 在浏览器端，Cookie数据存在于内存中
  • 只要浏览器还开着，Cookie数据就一直都在
  • 浏览器关闭，内存中的Cookie数据就会被释放
• 持久化Cookie
  • 服务器端明确设置了Cookie的存在时间
  • 在浏览器端，Cookie数据会被保存到硬盘上
  • Cookie在硬盘上存在的时间根据服务器端限定的时间来管控，不受浏览器关闭的影响
  • 持久化Cookie到达了预设的时间会被释放

cookie.setMaxAge(int expiry)参数单位是秒，表示cookie的持久化时间，如果设置参数为0，表示将浏览器中保存的该cookie删除

2.3.6 Cookie的path

上网时间长了，本地会保存很多Cookie。对浏览器来说，访问互联网资源时不能每次都把所有Cookie带上。浏览器会使用Cookie的path属性值来和当前访问的地址进行比较，从而决定是否携带这个Cookie。
我们可以通过调用cookie的setPath()方法来设置cookie的path

2.4 Session技术

2.4.1 session概述

session是服务器端的技术。服务器为每一个浏览器开辟一块内存空间，即session对象。由于session对象是每一个浏览器特有的，所以用户的记录可以存放在session对象中

2.4.2 Session的入门案例

2.4.2.1 目标

实现在ServletDemo01和ServletDemo02之间共享数据，要求在会话域范围内共享

2.4.2.2 Session的API介绍

• request.getSession(); 获得session(如果第一次调用的时候其实是创建session,第一次之后通过sessionId找到session进行使用)
• Object getAttribute(String name) ;获取值
• void setAttribute(String name, Object value) ;存储值
• void removeAttribute(String name) ;移除值

2.4.2.3 在ServletDemo01中往Session域对象存储数据

public class ServletDemo01 extends HttpServlet {
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}

@Override<br />    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {<br />        //1. 获取Session对象<br />        HttpSession session = request.getSession();<br />        //2. 往Session对象中存入数据<br />        session.setAttribute("session-message","hello-session");<br />    }<br />}<br />

2.4.3.4 在ServletDemo02中从Session域对象中获取数据

public class ServletDemo02 extends HttpServlet {
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}

@Override<br />    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {<br />        //1. 获取Session对象<br />        HttpSession session = request.getSession();<br />        //2. 往Session对象中存入数据<br />        String message = (String)session.getAttribute("session-message");<br />        System.out.println(message);<br />    }<br />}<br />

2.4.3 Session的工作机制

前提：浏览器正常访问服务器

• 服务器端没调用request.getSession()方法：什么都不会发生
• 服务器端调用了request.getSession()方法
  • 服务器端检查当前请求中是否携带了JSESSIONID的Cookie
    • 有：根据JSESSIONID在服务器端查找对应的HttpSession对象
      • 能找到：将找到的HttpSession对象作为request.getSession()方法的返回值返回
      • 找不到：服务器端新建一个HttpSession对象作为request.getSession()方法的返回值返回
    • 无：服务器端新建一个HttpSession对象作为request.getSession()方法的返回值返回

代码验证
// 1.调用request对象的方法尝试获取HttpSession对象
HttpSession session = request.getSession();

// 2.调用HttpSession对象的isNew()方法
boolean wetherNew = session.isNew();

// 3.打印HttpSession对象是否为新对象
System.out.println(“wetherNew = “ + (wetherNew?”HttpSession对象是新的”:”HttpSession对象是旧的”));

// 4.调用HttpSession对象的getId()方法
String id = session.getId();

// 5.打印JSESSIONID的值
System.out.println(“JSESSIONID = “ + id);

2.4.4 Session的时效性

2.4.4.1 为什么Session要设置时限

用户量很大之后，Session对象相应的也要创建很多。如果一味创建不释放，那么服务器端的内存迟早要被耗尽。

2.4.4.2 设置时限的难点

从服务器端的角度，很难精确得知类似浏览器关闭的动作。而且即使浏览器一直没有关闭，也不代表用户仍然在使用。

2.4.4.3 服务器端给Session对象设置最大闲置时间

• 默认值：1800秒

最大闲置时间生效的机制如下：

2.4.4.4 代码验证

// ※测试时效性
// 获取默认的最大闲置时间
int maxInactiveIntervalSecond = session.getMaxInactiveInterval();
System.out.println(“maxInactiveIntervalSecond = “ + maxInactiveIntervalSecond);

// 设置默认的最大闲置时间
session.setMaxInactiveInterval(15);

2.4.4.5 强制Session立即失效

session.invalidate();

第十一章 Filter

1. 目标

• 了解什么是Filter
• 了解Filter的作用
• 掌握Filter的使用
• 了解Filter的生命周期
• 掌握过滤器链的使用

2. 内容讲解

2.1 Filter的概念

Filter：一个实现了特殊接口(Filter)的Java类. 实现对请求资源(jsp,servlet,html,)的过滤的功能. 过滤器是一个运行在服务器的程序, 优先于请求资源(Servlet或者jsp,html)之前执行. 过滤器是javaweb技术中最为实用的技术之一

2.2 Filter的作用

Filter的作用是对目标资源(Servlet,jsp)进行过滤，其应用场景有: 登录权限检查,解决网站乱码,过滤敏感字符等等

2.3 Filter的入门案例

2.3.1 案例目标

实现在请求到达ServletDemo01之前解决请求参数的中文乱码

2.3.2 代码实现

2.3.2.1 创建ServletDemo01

web.xml代码

servletDemo01
com.atguigu.ServletDemo01


servletDemo01
/ServletDemo01

ServletDemo01代码
package com.atguigu.servlet;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

/*
@author chenxin
日期2021-05-18 08:53
/
public class ServletDemo01 extends HttpServlet {
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}

@Override<br />    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {<br />        String username = request.getParameter("username");<br />        System.out.println("ServletDemo01接收到了一个请求..."+username);<br />    }<br />}<br />前端页面代码<br /><!DOCTYPE html><br /><html lang="en"><br /><head><br />    <meta charset="UTF-8"><br />    <title>首页</title><br /></head><br /><body><br />    <form action="/webday12/demo01" method="post"><br />        用户名<input type="text" name="username"/><br/><br />        <input type="submit"/><br />    </form><br /></body><br /></html><br />如果此时没有Filter，那么客户端发送的请求直接到达ServletDemo01,中文请求参数就会发生乱码<br />

2.3.2.2 创建EncodingFilter

web.xml代码

encodingFilter
com.atguigu.filter.EncodingFilter


encodingFilter

/demo01

EncodingFilter代码
package com.atguigu.filter;

import javax.servlet.*;
import javax.servlet.http.HttpServletRequest;
import java.io.IOException;

/*
@author chenxin
日期2021-05-18 08:56
编写过滤器的步骤:
1. 写一个类实现Filter接口，并且重写方法
2. 在web.xml中配置该过滤器的拦截路径
*/
public class EncodingFilter implements Filter {
@Override
public void destroy() {

}

@Override<br />    public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOException {<br />        //解决请求参数的乱码<br />        HttpServletRequest request = (HttpServletRequest) req;<br />        request.setCharacterEncoding("UTF-8");

    //每次有请求被当前filter接收到的时候，就会执行doFilter进行过滤处理<br />        System.out.println("EncodingFilter接收到了一个请求...");

    //这句代码表示放行<br />        chain.doFilter(req, resp);<br />    }

@Override<br />    public void init(FilterConfig config) throws ServletException {

}

}

2.4 Filter的生命周期

2.4.1 回顾Servlet生命周期

2.4.1.1 Servlet的创建时机

Servlet默认在第一次接收请求的时候创建，我们可以通过标签配置Servlet在服务器启动的时候创建

2.4.1.2 Servlet的销毁时机

Servlet会在服务器关闭或者将项目从服务器上移除的时候销毁

2.4.2 Filter的生命周期和生命周期方法

2.5 过滤器匹配规则

2.5.1 过滤器匹配的目的

过滤器匹配的目的是指定当前过滤器要拦截哪些资源

2.5.2 四种匹配规则

2.5.2.1 精确匹配

指定被拦截资源的完整路径：



FilterDemo01

<!-- 通过请求地址模式来设置要拦截的资源 --><br />    <url-pattern>/demo01</url-pattern><br /></filter-mapping><br />上述例子表示要拦截映射路径为/demo01的这个资源<br />

2.5.2.2 模糊匹配

相比较精确匹配，使用模糊匹配可以让我们创建一个Filter就能够覆盖很多目标资源，不必专门为每一个目标资源都创建Filter，提高开发效率。
在我们配置了url-pattern为/user/*之后，请求地址只要是/user开头的那么就会被匹配。

Target02Filter

<!-- 模糊匹配：前杠后星 --><br />    <!--<br />        /user/demo01<br />        /user/demo02<br />        /user/demo03<br />        /demo04<br />    --><br />    <url-pattern>/user/*</url-pattern><br /></filter-mapping><br />极端情况：/*匹配所有请求<br />

2.5.2.3 扩展名匹配

Target04Filter
com.atguigu.filter.filter.Target04Filter


Target04Filter
*.png

上述例子表示拦截所有以.png结尾的请求

2.5.2.4 匹配Servlet名称

Target05Filter

<!-- 根据Servlet名称匹配 --><br />    <servlet-name>Target01Servlet</servlet-name><br /></filter-mapping><br />

2.6 过滤器链

2.6.1 过滤链的概念

一个请求可能被多个过滤器所过滤，只有当所有过滤器都放行，请求才能到达目标资源，如果有某一个过滤器没有放行，那么请求则无法到达后续过滤器以及目标资源，多个过滤器组成的链路就是过滤器链

2.6.2 过滤器链的顺序

过滤器链中每一个Filter执行的顺序是由web.xml中filter-mapping配置的顺序决定的。

2.6.3 过滤器链案例

2.6.3.1 创建ServletDemo01

web.xml代码

servletDemo01
com.atguigu.ServletDemo01


servletDemo01
/ServletDemo01

ServletDemo01代码
public class ServletDemo01 extends HttpServlet {
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}

@Override<br />    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {<br />        System.out.println("ServletDemo01接收到了请求...");<br />    }<br />}<br />

2.6.3.2 创建多个Filter拦截Servlet

TargetChain03Filter
/Target05Servlet


TargetChain02Filter
/Target05Servlet


TargetChain01Filter
/Target05Servlet

2 扩展案例: 使用Filter过滤非法字符

非法字符过滤案例V1版本

1. 目标

判断评论内容中是否包含某个固定的非法字符串，如果包含则请求无法到达CommentServlet

2. 代码实现

前端页面代码
<!DOCTYPE html>







评论内容

import javax.servlet.*;
import java.io.IOException;

/*
@author chenxin
日期2021-05-18 10:19
/
public class EncodingFilter implements Filter {
@Override
public void destroy() {
}

@Override<br />    public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOException {<br />        //解决乱码<br />        req.setCharacterEncoding("UTF-8");<br />        resp.setContentType("text/html;charset=UTF-8");

    chain.doFilter(req, resp);<br />    }

@Override<br />    public void init(FilterConfig config) throws ServletException {

}

}
IllegalFilter的代码，用于过滤非法字符
package com.atguigu.filter;

import javax.servlet.*;
import java.io.IOException;

/*
@author chenxin
日期2021-05-18 10:22
/
public class IllegalCharFilter implements Filter {
@Override
public void destroy() {
}

@Override<br />    public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOException {<br />        //1. 获取客户端提交的评论内容<br />        String content = req.getParameter("content");<br />        if (content != null) {<br />            //2. 判断content中是否包含非法字符<br />            if (content.contains("你大爷的")) {<br />                resp.getWriter().write("评论内容中包含非法字符，评论发布失败!!!");<br />                return;<br />            }<br />        }<br />        chain.doFilter(req, resp);<br />    }

@Override<br />    public void init(FilterConfig config) throws ServletException {

}

}
CommentServlet的代码，用于发表评论
package com.atguigu.servlet;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

/*
@author chenxin
日期2021-05-18 10:17
/
public class CommentServlet extends HttpServlet {
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}

@Override<br />    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {<br />        //1. 获取评论内容<br />        String content = request.getParameter("content");<br />        //2. 向客户端输出评论内容<br />        response.getWriter().write("恭喜你评论成功，评论内容是:"+content);<br />    }<br />}<br />web.xml中的配置<br /><?xml version="1.0" encoding="UTF-8"?><br /><web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"<br />         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"<br />         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee [http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"](http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd%22)<br />         version="4.0"><br />    <filter><br />        <filter-name>EncodingFilter</filter-name><br />        <filter-class>com.atguigu.filter.EncodingFilter</filter-class><br />    </filter><br />    <filter-mapping><br />        <filter-name>EncodingFilter</filter-name><br />        <url-pattern>/*</url-pattern><br />    </filter-mapping>

<filter><br />        <filter-name>IllegalCharFilter</filter-name><br />        <filter-class>com.atguigu.filter.IllegalCharFilter</filter-class><br />    </filter><br />    <filter-mapping><br />        <filter-name>IllegalCharFilter</filter-name><br />        <url-pattern>/illegal/*</url-pattern><br />    </filter-mapping>

<servlet><br />        <servlet-name>CommentServlet</servlet-name><br />        <servlet-class>com.atguigu.servlet.CommentServlet</servlet-class><br />    </servlet><br />    <servlet-mapping><br />        <servlet-name>CommentServlet</servlet-name><br />        <url-pattern>/illegal/comment</url-pattern><br />    </servlet-mapping><br /></web-app><br />

非法字符过滤案例V2版本

1. 目标

在第一个版本的基础之上，将固定的非法字符串替换成从illegal.txt文件中读取非法字符串

2. 代码实现

IllegalFilter的代码
package com.atguigu.filter;

import javax.servlet.*;
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.util.ArrayList;
import java.util.List;

/*
@author chenxin
日期2021-05-18 10:22
/
public class IllegalCharFilter implements Filter {
private List illegalTextList = new ArrayList<>();
@Override
public void destroy() {
}

@Override<br />    public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOException {<br />        //1. 获取客户端提交的评论内容<br />        String content = req.getParameter("content");<br />        if (content != null) {<br />            //3. 判断content中是否包含非法字符<br />            for (String illegalText : illegalTextList) {<br />                if (content.contains(illegalText)) {<br />                    resp.getWriter().write("评论内容中包含非法字符，评论发布失败!!!");<br />                    return;<br />                }<br />            }<br />        }<br />        chain.doFilter(req, resp);<br />    }

@Override<br />    public void init(FilterConfig config) throws ServletException {<br />        //在这里读取illegal.txt文件,就只需要在项目部署的时候读取一次<br />        //将字节输入流进行包装--->InputStreamReader()----->BufferedReader()---->readLine<br />        BufferedReader bufferedReader = null;<br />        try {<br />            bufferedReader = new BufferedReader(new InputStreamReader(IllegalCharFilter.class.getClassLoader().getResourceAsStream("illegal.txt"), "UTF-8"));<br />            String illegalText = null;<br />            while ((illegalText = bufferedReader.readLine()) != null) {<br />                //将读到的那个字符串存储到集合中<br />                illegalTextList.add(illegalText);<br />            }<br />        }catch (Exception e){<br />            e.printStackTrace();<br />        }finally {<br />            try {<br />                bufferedReader.close();<br />            } catch (IOException e) {<br />                e.printStackTrace();<br />            }<br />        }<br />    }<br />}<br />其它的代码和V1版本相同<br />

第十二章 Listener

1. 目标

• 了解监听器的概念
• 掌握ServletContextListener的使用

2. 内容讲解

2.1 监听器的简介

2.1.1 监听器的概念

监听器：专门用于对其他对象身上发生的事件或状态改变进行监听和相应处理的对象，当被监视的对象发生情况时，立即采取相应的行动。 Servlet监听器：Servlet规范中定义的一种特殊类，它用于监听Web应用程序中的ServletContext，HttpSession 和HttpServletRequest等域对象的创建与销毁事件，以及监听这些域对象中的属性发生修改的事件。

2.1.2 Servlet监听器的分类(了解)

2.1.2.1 ServletContextListener

作用：监听ServletContext对象的创建与销毁

ServletContextEvent对象代表从ServletContext对象身上捕获到的事件，通过这个事件对象我们可以获取到ServletContext对象。

2.1.2.2 HttpSessionListener

作用：监听HttpSession对象的创建与销毁

HttpSessionEvent对象代表从HttpSession对象身上捕获到的事件，通过这个事件对象我们可以获取到触发事件的HttpSession对象。

2.1.2.3 ServletRequestListener

作用：监听ServletRequest对象的创建与销毁

ServletRequestEvent对象代表从HttpServletRequest对象身上捕获到的事件，通过这个事件对象我们可以获取到触发事件的HttpServletRequest对象。另外还有一个方法可以获取到当前Web应用的ServletContext对象。

2.1.2.4 ServletContextAttributeListener

作用：监听ServletContext中属性的创建、修改和销毁

ServletContextAttributeEvent对象代表属性变化事件，它包含的方法如下：

2.1.2.5 HttpSessionAttributeListener

作用：监听HttpSession中属性的创建、修改和销毁

HttpSessionBindingEvent对象代表属性变化事件，它包含的方法如下：

2.1.2.6 ServletRequestAttributeListener

作用：监听ServletRequest中属性的创建、修改和销毁

ServletRequestAttributeEvent对象代表属性变化事件，它包含的方法如下：

2.1.2.7 HttpSessionBindingListener

作用：监听某个对象在Session域中的创建与移除

HttpSessionBindingEvent对象代表属性变化事件，它包含的方法如下：

2.2.3.2 注册监听器

com.atguigu.listener.MyContextListener

第十三章 Ajax&Axios

第一章 Ajax

1. 学习目标

• 了解服务器渲染和Ajax渲染的区别
• 了解同步和异步的区别

2. 内容讲解

2.1 服务器端渲染

images

2.2 Ajax渲染（局部更新）

images

2.3 同步与异步

Ajax本身就是Asynchronous JavaScript And XML的缩写，直译为：异步的JavaScript和XML。在实际应用中Ajax指的是：不刷新浏览器窗口，不做页面跳转，局部更新页面内容的技术。
『同步』和『异步』是一对相对的概念，那么什么是同步，什么是异步呢？

2.3.1 同步

多个操作按顺序执行，前面的操作没有完成，后面的操作就必须等待。所以同步操作通常是串行的。

2.3.2 异步

多个操作相继开始并发执行，即使开始的先后顺序不同，但是由于它们各自是在自己独立的进程或线程中完成，所以互不干扰，谁也不用等谁。

第二章 Axios

1. 学习目标

• 了解Axios
• 掌握Axios发送异步请求
• 掌握Axios携带json类型的请求参数
• 掌握服务器端返回json数据

2. 内容讲解

2.1 Axios简介

使用原生的JavaScript程序执行Ajax极其繁琐，所以一定要使用框架来完成。而Axios就是目前最流行的前端Ajax框架。
Axios官网：http://www.axios-js.com/

使用Axios和使用Vue一样，导入对应的*.js文件即可。官方提供的script标签引入方式为：

我们可以把这个axios.min.js文件下载下来保存到本地来使用。

2.2 Axios基本用法

2.2.1 在前端页面引入开发环境

2.2.2 发送普通请求参数

2.2.2.1 前端代码

HTML标签：

2.2.2.2 后端代码

package com.atguigu.servlet;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

/*
@author chenxin
日期2021-05-21 09:15
/
public class ServletDemo01 extends HttpServlet {
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}

@Override<br />    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {<br />        request.setCharacterEncoding("UTF-8");<br />        response.setContentType("text/html;charset=UTF-8");<br />        //1. 接收请求参数userName和userPwd<br />        String userName = request.getParameter("userName");<br />        String userPwd = request.getParameter("userPwd");<br />        System.out.println(userName + ":" + userPwd);

    //模拟出现异常<br />        //int num = 10/0;

    //2. 向浏览器响应数据<br />        response.getWriter().write("hello world!!!");<br />    }<br />}<br />

2.2.3 axios程序接收到的响应对象结构

2.2.4 服务器端处理请求失败后

catch(error => { // catch()服务器端处理请求出错后，会调用

console.log(error);         // error就是出错时服务器端返回的响应数据<br />    console.log(error.response);        // 在服务器端处理请求失败后，获取axios封装的JSON格式的响应数据对象<br />    console.log(error.response.status); // 在服务器端处理请求失败后，获取响应状态码<br />    console.log(error.response.statusText); // 在服务器端处理请求失败后，获取响应状态说明文本<br />    console.log(error.response.data);   // 在服务器端处理请求失败后，获取响应体数据

});
在给catch()函数传入的回调函数中，error对象封装了服务器端处理请求失败后相应的错误信息。其中，axios封装的响应数据对象，是error对象的response属性。response属性对象的结构如下图所示：

可以看到，response对象的结构还是和then()函数传入的回调函数中的response是一样的：
回调函数：开发人员声明，但是调用时交给系统来调用。像单击响应函数、then()、catch()里面传入的都是回调函数。回调函数是相对于普通函数来说的，普通函数就是开发人员自己声明，自己调用：
function sum(a, b) {
return a+b;
}

var result = sum(3, 2);
console.log(“result=”+result);

2.3 服务器端返回JSON数据

2.3.1 前端代码

sendJsonBody(){
axios({
“method”:”post”,
“url”:”demo03”
}).then(response => {
console.log(response.data.nickname)
})
}

2.3.2 后端代码

2.3.2.1 加入Gson包

仍然需要Gson支持，不用多说

2.3.2.2 Servlet代码

package com.atguigu.servlet;

import com.atguigu.user.User;
import com.atguigu.utils.JsonUtils;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

/*
@author chenxin
日期2021-05-21 10:06
/
public class ServletDemo03 extends HttpServlet {
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}

@Override<br />    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {<br />        request.setCharacterEncoding("UTF-8");<br />        response.setContentType("text/html;charset=UTF-8");<br />        //1. 创建user对象设置数据<br />        User user = new User(1,"aobama","123456","圣枪游侠");<br />        //2. 创建Gson对象用于将user对象转成json字符串<br />        Gson gson = new Gson();

    //3. 将user对象转成json字符串<br />        String jsonStr = gson.toJson(user);<br />        response.getWriter().write(jsonStr);<br />    }<br />}