Filter、Listener、AJAX

 Filter

        概念：Filter 表示过滤器，是JavaWeb三大组件(Servlet、Filter、 Listener)之一。

        过滤器可以把对资源的请求拦截下来，从而实现一些特殊的功能。

        过滤器一般完成一些通用的操作，比如：权限控制、统一编码处理、敏感字符处理等等...

快速入门

1. 定义类，实现Filter接口， 并重写其所有方法
2. 配置Filter拦截资源的路径：在类上定义@WebFilter注解
3. 在doFilter方法中输出一句话，并放行

WebFilter("/*") // "/*"表示拦截所有资源路径
ublic class StudyFilter implements Filter {
   @Override
   public void init(FilterConfig filterConfig) throws ServletException {
       
   }
   @Override
   public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
       System.out.println("file");
       System.out.println("file");
       //放行(放行前一般会对request进行处理)
       filterChain.doFilter(servletRequest,servletResponse);
       //放行后一般会对response数据进行处理
   }
   @Override
   public void destroy() {
   }

执行流程

        放行后访问对应资源，资源访问完成后，还会回到Filter中继续执行放行后的逻辑 

使用细节

拦截路径配置

        Filter可以根据需求，配置不同的拦截资源路径

拦截具体的资源：/index.jsp  只有访问index.jsp时才会被拦截。

目录拦截：/user:/*  访问/user下的所有资源，都会被拦截

后缀名拦截：*.jsp  访问后缀名为jsp的资源，都会被拦截

拦截所有：/*  访问所有资源，都会被拦截

过滤器链

        一个Web应用，可以配置多个过滤器，这多个过滤器称为过滤器链

        注解配置的Filter，优先级按照过滤器类名(字符串)的自然排序

Listener

        概念：Listener 表示监听器，是JavaWeb三大组件(Servlet、Filter、 Listener)之一 。

        监听器可以监听就是在application，session，request三个对象创建、销毁或者往其中添加修改删除属性时自动执行代码的功能组件

Listener分类: JavaWeb中提供 了8个监听器

ServletContextListener使用

1. 定义类，实现ServletContextListener接口
2. 在类上添加@WebListener注解

@WebListener
public class StudyServletContextListener implements ServletContextListener {
    @Override
    public void contextInitialized(ServletContextEvent servletContextEvent) {
        //加载资源
    }
    @Override
    public void contextDestroyed(ServletContextEvent servletContextEvent) {
        //释放资源
    }
}

AJAX

概述 

         概念：AJAX(Asynchronous JavaScript And XML)：异步的JavaScript和XML

AJAX作用: 

        1.与服务器进行数据交换：通过AJAX可以给服务器发送请求，并获取服务器响应的数据（使用了AJAX和服务器进行通信，就可以使用HTML+ AJAX来替换JSP页面了 ）

         2.异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如:搜索联想、用户名是否可用校验，等等...

*同步和异步

快速入门

1.编写AjaxServlet，并使用response输出字符串

public class StudyAjax extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //相应数据
        resp.getWriter().write("hello");
    }
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        this.doGet(req, resp);
    }
}

2.创建XMLHttpRequest对象：用于和服务器交换数据

var xhttp;
if (window.XMLHttpRequest){
    //新版浏览器
    xhttp = new XMLHttpRequest();
}else {
    //旧版浏览器
    xhttp = new ActiveXObject("Microsoft.XMLHTTP")
}

3.向服务器发送请求

xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();

4.获取服务器响应数据

xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        alert(this.responseText);
    }
};

Axios异步框架

        Axios对原生的AJAX进行封装，简化书写

        官网：https://www.axios-http.cn

快速入门

        1.引入axios的js文件

<script src="js/axios-0.18.0.js"></script> //该标签不可写代码，代码要写到其它标签里

        2.使用axios发送请求，并获取响应结果

//get请求方式
axios({
    method:"get",
    url:"http://localhost:8080/studyServlet/Ajax?username=glaty"
})then(function (resp) {
    alert(resp.data);
})

//post请求方式
axios({
    method:"get",
    url:"http://localhost:8080/studyServlet/Ajax",
    data:"username=glaty"
})then(function (resp) {
    alert(resp.data);
})

Axios请求方式别名

        为了方便起见，Axios 已经为所有支持的请求方法提供了别名。

//发送get请求
axios.get("url")
    .then(function (resp){
        alert(resp.data);
});

//发送post请求
axios.post("url","参数")
    .then(function (resp){
        alert(resp.data);
});

JSON

        概念：JavaScript Object Notation。JavaScript 对象表示法

        由于其语法简单,层次结构鲜明，现多用于作为数据载体，在网络中进行数据传输

基础语法

        value的数据类型为：

数字(整数或浮点数)

字符串(在双引号中)

逻辑值(true 或false)

数组(在方括号中)

对象(在花括号中)

null

        定义：

var变量名= {"key1": value1,

                    "key2": value2,

                    ...

                    };

var json = {
    "name": "zhangsan",
    "age": 23,
    "addr": ["北京"，"上海", "西安"]
};

        获取数据：

变量名key

json.name

JSON数据和Java对象转换

        请求数据：JSON字符串转为Java对象

        响应数据：Java对象转为JSON字符串

        Fastjson是阿里巴巴提供的一个Java语言编写的高性能功能完善的JSON库，是目前Java语言中最快的JSON库，可以实现Java对象和JSON字符串的相互转换。

使用:

        1.导入坐标

<dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>fastjson</artifactId>
    <version>1.2.62</version>
</dependency>

        2.Java对象转JSON

Thing thing = new Thing();
thing.setId(132);
thing.setName("name");

String jsonString = JSON.toJSONString(thing);

        3.JSON字符串转Java对象

Thing thing1 = JSON.parseObject("{\"id\":132,\"name\":\"name\"}", Thing.class);