【JavaWeb】6、Filter过滤器、JSON、Ajax

最新推荐文章于 2022-05-05 21:28:17 发布
最新推荐文章于 2022-05-05 21:28:17 发布
阅读量791 收藏 1
点赞数
分类专栏： JavaWeb学习 文章标签： ajax json java filter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shmily0822/article/details/123170918
版权

文章目录

十三、Filter过滤器

1、介绍

Filter过滤器是JavaWeb的三大组件之一，（Servlet、Listener、Filter）

Filter是JavaEE的规范，是一个接口

作用：拦截请求，过滤响应

拦截请求常见应用场景：

  1. 权限检查
  2. 日记操作
  3. 事务管理

实现原理：

2、使用步骤

要求：在web工程下有admin目录，其内容只有用户登录后才可以访问

  1. 新建一个类，继承servlet包下的Filter接口
  2. 实现过滤方法doFilter（）
//    doFilter方法，专门用于拦截请求，过滤响应，可以做权限检查
    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        HttpServletRequest request = (HttpServletRequest) servletRequest;
        HttpSession session = request.getSession();
        Object user = session.getAttribute("user");
        if( user == null){
            servletRequest.getRequestDispatcher("/login.jsp").forward(servletRequest,servletResponse);
        }else{
//            让程序继续访问用户的目标资源
            filterChain.doFilter(servletRequest,servletResponse);
        }
    }
  1. 在web.xml下配置FIlter过滤器及拦截路径
<filter>
    <filter-name>AdminFilter</filter-name>
    <filter-class>com.atguigu.filter.AdminFilter</filter-class>
</filter>
<filter-mapping>
    <filter-name>AdminFilter</filter-name>
    <url-pattern>/admin/*</url-pattern>
    <!--    /admin/*  表示拦截请求地址为http://ip:port/工程路径/admin/下的所有资源    -->
</filter-mapping>

3、Filter生命周期

  1. 构造器方法

  2. init初始化方法

    第1、2步，在web工程启动时执行（Filter已创建）

  3. doFilter过滤方法

    第3步，在每次拦截到请求时执行

  4. destroy销毁方法

    第4步，在web工程停止时执行（销毁Filter）

4、FilterConfig类

FilterConfig是Filter过滤器的配置文件类

Tomcat每次创建Filter时，会同时创建一个FilterConfig类，其中包含了Filter配置文件的配置信息

作用：获取Filter过滤器的配置内容

  1. 获取Filter的名称filter-name
  2. 获取在Filter中配置的init-param初始化参数
  3. 获取ServletContext对象

示例：

<filter>
    <filter-name>AdminFilter</filter-name>
    <filter-class>com.atguigu.filter.AdminFilter</filter-class>
    <init-param>
        <param-name>username</param-name>
        <param-value>root</param-value>
    </init-param>
    <init-param>
        <param-name>password</param-name>
        <param-value>123456</param-value>
    </init-param>
</filter>
<filter-mapping>
    <filter-name>AdminFilter</filter-name>
    <url-pattern>/admin/*</url-pattern>
    <!--    /admin/*  表示拦截请求地址为http://ip:port/工程路径/admin/下的所有资源    -->
</filter-mapping>

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
//        1. 获取Filter的名称filter-name
        System.out.println("filter-name的值是："+filterConfig.getFilterName());
//        2. 获取在Filter中配置的init-param初始化参数
        System.out.println("init-param中的username是："+filterConfig.getInitParameter("username"));
        System.out.println("init-param中的password是："+filterConfig.getInitParameter("password"));
//        3. 获取ServletContext对象
        System.out.println(filterConfig.getServletContext());
    }

5、FilterChain

FilterChain就是过滤器链（多个过滤器一起工作）

filterCain.doFilter(req,resp)的作用：

  1. 执行下一个Filter过滤器（如果有Filter）
  2. 执行目标资源（没有Filter）

实现原理：

多个Filter过滤器执行的特点：

  1. 执行先后顺序是由web.xml中配置的先后顺序决定的
  2. 所有Filter和目标资源都默认执行在同一个线程中
  3. 多个Filter共同执行时，它们都使用同一个Request对象

6、Filter拦截路径

精确匹配

<url-pattern>/target.jsp</url-pattern>

以上配置路径，表示请求地址必须为：http:// ip:port/工程名/target.jsp

目录匹配

<url-pattern>/admin/*</url-pattern>

以上配置路径，表示请求地址必须为：http:// ip:port/工程路径/admin/*

后缀名匹配

<url-pattern>*.html</url-pattern>

以上配置路径，表示请求地址必须以.html结尾才会拦截到

Filter过滤器只关心请求的地址是否匹配，不管请求的资源是否存在

7、ThreadLocal

ThreadLocal可以给当前线程关联一个数据（可以是普通变量、对象、数组、集合）

ThreadLocal可以解决多线程的数据安全问题

ThreadLocal特点：

  1. Thread可以为当前线程关联一个数据（可以像Map一样存取数据，key为当前线程）
  2. 每一个ThreadLocal对象只能为当前线程关联一个数据，如果要为当前线程关联多个数据，则需要多个ThreadLocal对象实例
  3. 每个ThreadLocal对象实例定义时，一般都是static类型
  4. ThreadLocal中保存数据，在线程销毁后，会由JVM自动释放

如何确保数据库事务中的所有操作都使用同一个Connection对象？

可以使用ThreadLocal对象，前提条件是所有操作都必须在同一个线程中完成

使用Filter过滤器统一给所有Service方法都加上try—catch，来进行数据库事务管理

TransactionFilter类

public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
    try {
        filterChain.doFilter(servletRequest,servletResponse);

        JDBCUtils.commitAndClose();  //提交事务
    } catch (Exception e) {
        JDBCUtils.rollbackAndClose();  //回滚事务
        e.printStackTrace();
    }
}

    <filter>
        <filter-name>TransactionFilter</filter-name>
        <filter-class>com.atguigu.filter.TransactionFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>TransactionFilter</filter-name>
<!--        /* 表示工程下所有请求  -->
        <url-pattern>/*</url-pattern>
    </filter-mapping>

将所有异常都统一交给Tomcat，让Tomcat展示友好的错误信息页面

在web.xml中可以通过错误页面配置来进行管理

注意捕获异常Exception后，要抛出给Tomcat服务器，不能处理，例如printStackTrace打印

<!--  配置服务器出错之后自动跳转的页面  -->
    <error-page>
<!--    error-code是错误状态码    -->
        <error-code>500</error-code>
<!--     location表示要跳转去的页面   -->
        <location>/pages/error/error500.jsp</location>
    </error-page>
    <error-page>
        <error-code>404</error-code>
        <location>/pages/error/error404.jsp</location>
    </error-page>

十四、JSON

JSON（JavaScript Object Notation）是一种轻量级的数据交互格式，易于阅读、编写，同时也便于机器解析和生成。

JSON采用完全独立于语言的文本格式，而且很多语言都提供了对其的支持，使其成为通用的数据交换格式

数据交换指的是客户端和服务器之间业务数据的传递格式

js中使用JSON

json定义

json是由键值对组成，并由花括号{ }包围。每个键由引号包围，键和值之间使用冒号进行分隔，多组键值对之间用逗号进行分隔

var jsonObj = {
   "key1":12,
   "key2":"abc",
   "key3":true,
   "key4":[11,12,13],
   "key5":{
      "key5_1":551,
      "key5_2":"key5_2_value"
   },
   "key6":[{
      "key6_1_1":6611,
      "key6_1_2":"6612a"
   },{
      "key6_2_1":6611,
      "key6_2_2":"6612a"
   }]
}

json访问

在js中定义的json其实是一个Object，访问其属性与调用对象属性类似：对象.属性

console.log(jsonObj.key1)
console.log(jsonObj.key5.key5_1)

常用方法

json有两种存在形式，可以相互转换

  • 对象，称为json对象，一般在操作其中数据时使用
  • 字符串，称为json字符串，一般在客户端与服务器进行数据交互时使用

转换方法：

  • JSON.stringify（）：把json对象转换为json字符串，类似java中的toString（）

  • JSON.parse（）：把json字符串解析为json对象

演示：

alert(jsonObj)
//[object Object]

alert(JSON.stringify(jsonObj))
//{"key1":12,"key2":"abc","key3":true,"key4":[11,12,13],"key5":{"key5_1":551,"key5_2":"key5_2_value"},"key6":[{"key6_1_1":6611,"key6_1_2":"6612a"},{"key6_2_1":6611,"key6_2_2":"6612a"}]}

alert(JSON.parse(JSON.stringify(jsonObj)))
//[object Object]

Java中使用JSON

JavaBean和json互转

在Java项目中导入gson.jar包

  • toJson（）：可以把Java对象转换成为json字符串
  • fromJson（）：可以把json字符串转换为Java对象
    • 第一个参数是json字符串
    • 第二个参数是要转换的Java对象类型
        Person person = new Person(1, "tom");
//        创建Gson对象实例
        Gson gson = new Gson();
//        toJson方法可以把Java对象转换成为json字符串
        String personJsonString = gson.toJson(person);
        System.out.println(personJsonString);
//        {"id":1,"name":"tom"}

//      fromJson方法可以把json字符串转换为Java对象
        Person person1 = gson.fromJson(personJsonString, Person.class);
        System.out.println(person1);
//		  Person{id=1, name='tom'}

List和json互转

  • toJson（）：可以把Java对象转换成为json字符串

  • fromJson（）：可以把json字符串转换为Java对象

    • 第一个参数是json字符串

    • 第二个参数是要转换的类型，需要新建一个该类型的Type类，然后传入该类对象的getType方法

      public class PersonListType extends TypeToken<ArrayList<Person>> {
}

        List<Person> personList = new ArrayList<>();
        personList.add(new Person(1,"tom"));
        personList.add(new Person(2,"jerry"));
        personList.add(new Person(3,"jay"));
        Gson gson = new Gson();
        String s = gson.toJson(personList);
        System.out.println(s);
//        [{"id":1,"name":"tom"},{"id":2,"name":"jerry"},{"id":3,"name":"jay"}]
        List<Person> list = gson.fromJson(s, new PersonListType().getType());
        System.out.println(list);
//	[Person{id=1, name='tom'}, Person{id=2, name='jerry'}, Person{id=3, name='jay'}]

Map和json互转

  • toJson（）：可以把Java对象转换成为json字符串

  • fromJson（）：可以把json字符串转换为Java对象

    • 第一个参数是json字符串

    • 第二个参数是要转换的类型，需要新建一个该类型的Type类，然后传入该类对象的getType方法

      public class PersonMapType extends TypeToken<HashMap<Integer, Person>> {
}

        Map<Integer,Person> map = new HashMap<>();
        map.put(1,new Person(1,"tom"));
        map.put(2,new Person(2,"jay"));
        Gson gson = new Gson();
        String json = gson.toJson(map);
        System.out.println(json);
//        {"1":{"id":1,"name":"tom"},"2":{"id":2,"name":"jay"}}
        Map<Integer,Person> personMap = gson.fromJson(json, new PersonMapType().getType());
        System.out.println(personMap);
//        {1=Person{id=1, name='tom'}, 2=Person{id=2, name='jay'}}

匿名内部类

为了简化操作，可以使用TypeToken的匿名内部类来传入json要转换的集合类型

//        Map<Integer,Person> personMap = gson.fromJson(json, new PersonMapType().getType());
        Map<Integer,Person> personMap = gson.fromJson(json, new TypeToken<HashMap<Integer,Person>>(){}.getType());

十五、AJAX

AJAX即Asynchronous Javascript And XML（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术

ajax是一种浏览器通过js异步发起请求，局部更新页面的技术

局部更新：浏览器地址栏不会变化，局部更新不会舍弃原来页面的内容

原生Ajax

  1. 创建XMLHttpRequest对象

  2. 调用open方法设置请求参数

    1. 第一个参数为请求方法，”GET“或”POST“

    2. 第二个参数为请求的网址url

    3. 第三个参数为异步选择，true为异步，false为同步

      同步情况下，类似串行，send请求后，只有在onreadystatechange事件触发后，并执行完绑定的方法操作后才会继续执行下面的代码，

      而异步情况下，类似于并行，send请求后，会继续执行下面的代码，onreadystatechange事件什么时候触发就什么时候执行

      因此一般设置为true，即异步请求，用户体验较好

  3. 在send方法前绑定onreadystatechange状态变化监听事件，处理请求完成后的操作

  4. 调用send方法发送请求

示例：使用js语言发起Ajax请求，访问服务器AjaxServlet中jsAjax

         function ajaxRequest() {
//              1、创建XMLHttpRequest
               var xmlhttprequest =  new XMLHttpRequest();
//              2、调用open方法设置请求参数
             xmlhttprequest.open("GET","http://localhost:8080/12_json_ajax/ajaxServlet?action=jsAjax",true);
//              3、在send方法前绑定onreadystatechange事件，处理请求完成后的操作。
            xmlhttprequest.onreadystatechange = function (){
               if(xmlhttprequest.readyState == 4 && xmlhttprequest.status == 200){
                  var jsonObj = JSON.parse(xmlhttprequest.responseText)
                  $("#div01").text("编号："+jsonObj.id+"，姓名："+jsonObj.name);
                   //编号：1，姓名：tom
               }
            }
//              4、调用send方法发送请求
               xmlhttprequest.send();
         }

服务器Servlet中jsAjax（继承了BaseServlet，根据方法名执行相应函数）

protected void jsAjax(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    request.setCharacterEncoding("UTF-8");
    response.setContentType("text/html; charset=UTF-8");
    response.setHeader("Access-Control-Allow-Origin","*");
    System.out.println("Ajax请求过来了");
    Person person = new Person(1, "tom");
    Gson gson = new Gson();
    String json = gson.toJson(person);
    response.getWriter().write(json);
}

jQuery中请求方法

$.ajax方法

  • url：表示请求的地址

  • type：表示请求类型GET或POST

  • data：表示发送给服务器的数据

    • 格式一：name=value&name=value
    • 格式二：{key : value}

  • success：请求成功，响应的回调函数

  • dataType：响应的数据类型

    常用的有：text表示纯文本、xml表示xml数据、json表示json对象

举例：

$.ajax({
   url:"http://localhost:8080/12_json_ajax/ajaxServlet",
   // data:"action=jQueryAjax",
   data:{
      action:"jQueryAjax"
   },
   type:"GET",
   success:function (data){
      // alert("服务器返回数据："+data)
      // var jsonObj = JSON.parse(data);
      // $("#msg").html("用户编号："+jsonObj.id+"，用户名："+jsonObj.name)
      $("#msg").html("ajax用户编号："+data.id+"，用户名："+data.name)
   },
   dataType:"json"
})

. g e t 和 .get和 .get和.post

  • url：请求的地址
  • data：发送的数据
  • callback：成功的回调函数
  • type：返回的数据类型

举例：

$.get("http://localhost:8080/12_json_ajax/ajaxServlet",
   "action=jQueryGet",
   function (data) {
      $("#msg").html("get用户编号："+data.id+"，用户名："+data.name)
   },
   "json"
)

$.post("http://localhost:8080/12_json_ajax/ajaxServlet",
      "action=jQueryPost",
      function (data) {
         $("#msg").html("post用户编号："+data.id+"，用户名："+data.name)
      },
      "json"
)

$.getJSON

  • url：请求的地址
  • data：发送的数据
  • callback：成功的回调函数

示例：

$.getJSON("http://localhost:8080/12_json_ajax/ajaxServlet",
      "action=jQueryGetJSON",
      function (data) {
         $("#msg").html("get用户编号："+data.id+"，用户名："+data.name)
      }
     )

表单序列化 serialize()

serialize()可以把表单中所有表单项的内容都获取到，并以name=value&name=value的形式进行拼接

go2studyy
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【超全必看】JavaWeb过滤器Filter、jQuery、Ajax、JSON的使用详解（附示例代码）
qq_41112238的博客
12-31 1099
Filter：过滤器 概念 web中的过滤器： 当访问服务器的资源时，过滤器可以将请求拦截下来，完成一些特殊的功能。 过滤器的作用： 一般用于完成通用的操作。如：登录验证、统一编码处理、敏感字符过滤… 快速入门 @WebFilter("/index.jsp")//拦截index.jsp public class Filter1 implements Filter { public void...
全局过滤器/局部过滤器
YPX_YGWW的博客
07-19 440
vue事件对象
Filter，Listener,Java中的JSON
hnhroot的博客
05-05 392
Filter: 1.组件： Servlet：小应用程序，在JavaWeb中主要作为控制器来使用 可以处理用户的请求并且做出响应 实现接口：javax.servlet.Servlet Filter：过滤器，对用户发送或相应进行集中处理，实现请求的拦截 实现接口：javax.sevlet.Filter Listener：监听器，在Web执行过程中，监听一些事件，相当于...
Filter 返回 json 数据
baozhutang的博客
05-22 4262
在Filter中返回json数据，网上搜到的都是通过response获取流，再写入数据。 这边提供另外一个方法，通过“forward”来实现。将请求forward到Controller，Controller中返回json。 @Component public class Filter1 extends OncePerRequestFilter { private static fi...
当在filter中出现系统异常时，如何定制化返回数据（比如返回给客户端json数据）
热门推荐
HelloWorld的专栏
04-27 1万+
当在filter中出现系统异常时，如何定制化返回数据（比如返回给客户端json数据） 需求描述: 一般的情况下Spring中的@ExceptionHandler注解用于统一处理在Controller层抛出的异常。二通常情况下在项目中会使用到很多个第三方的框架，例如Spring，Struts等，有些框架需要配置其过滤器到项目中，当在过滤器中出现异常时，返回给调用端（可以是node，也可以是基...
IDEA版JavaWeb从入门到精通之Filter过滤器第15天
06-19
课程涵盖：Servlet程序、Filter过滤器、Listener监听器、JSP页面、EL表达式、JSTL标签库、jQuery框架、Cookie技术、Session会话、JSON使用、Ajax请求等全部Web开发核心技术点，并在讲解知识点过程中带领大家完成一个...
Javaweb使用cors完成跨域ajax数据交互
08-29
2. 在web.xml里面配置过滤器，使用引入的jar中定义好的过滤器： ``` <!-- 跨域问题 --> <filter> 跨域过滤器 <filter-name>CORS</filter-name> <filter-class>...
Filter&Listener&Ajax.pdf
12-28
首先，Filter（过滤器）是JavaWeb中的一个重要组件，用于拦截用户请求和服务器响应，执行预处理或后处理操作。它允许开发者在请求到达目标资源（如Servlet、JSP）之前或之后添加额外的功能，例如权限检查、日志记录...
IDEA版JavaWeb从入门到精通之JSON和Ajax请求&i18n国际化第16天
06-19
课程涵盖：Servlet程序、Filter过滤器、Listener监听器、JSP页面、EL表达式、JSTL标签库、jQuery框架、Cookie技术、Session会话、JSON使用、Ajax请求等全部Web开发核心技术点，并在讲解知识点过程中带领大家完成一个...
狂神说 JavaWeb 笔记
12-31
4. **过滤器（Filter）与监听器（Listener）**：这两者是JavaWeb中的重要组件，过滤器可以对请求和响应进行预处理和后处理，如字符编码转换、权限控制等。监听器则可以监听特定事件，如session的创建、销毁等，实现...
过滤器和ajax
11-17
使用servlet实现ajax的基本登入判断 和filter登入过滤
通过添加filter过滤器 彻底解决ajax 跨域问题(Java)
Talk is cheap
03-31 1861
转自  https://www.cnblogs.com/laoqing/p/7192473.html?utm_source=itdadao&amp;utm_medium=referral1、在web.xml添加filter&lt;filter&gt;&lt;filter-name&gt;contextfilter&lt;/filter-name&gt;&lt;filter-class&gt;com...
Java WEB之Ajax和过滤器监听器
陈先生
01-09 427
2018/11/20 Ajax和过滤器监听器 一.Ajax概述 1.同步和异步 同步现象：客户端发送请求到服务器端，当服务器返回响应之前，客户端都处于等待卡死状态。 异步现象：客户端发送请求到服务器端，无论服务器是否返回响应，客户端都可以随意做其他事情，不会被卡死。 2.Ajax的运行原理 页面发起请求，会将请求发送给浏览器内核中的Ajax引擎，Ajax引擎会提交请求到服务器端，在这段...
过滤器Filter和AJAX小结
weixin_42441505的博客
11-19 484
过滤器的使用： 1、创建一个类实现Filter接口，重写doFilter方法 chain.doFilter(req,res) //放行 2、配置过滤的路径 1、注解 @WebFilter() “/url” “.jsp" "/user/” “/*” 2、使用web.xml配置 Login com.gh.web.controller.LoginFilter <filter...
解决aAJAX请求过滤器重定向不跳转
远方水木
07-08 3285
解决ajax请求过滤器重定向不跳转 最近写的一个小商场项目，其中有一个过滤器（Filter），用于拦截请求，判断用户是否登录，如果未登录则跳转到登录页面，即在商品页面，点击加入购物车时，要先登录才行，但是加入购物车使用的是AJAX异步请求，而默认AJAX是不支持重定向的，因为AJAX本身就是局部刷新，不会重新加载页面的。所以需要在过滤器里再加个AJAX请求判断。 我们如果在调试中使用浏览器开发...
过滤 ajax,过滤的AJAX请求调用
weixin_39611037的博客
08-05 231
我有相关的过滤AJAX调用我提出来用拉链码和地区名单的问题。过滤的AJAX请求调用我从ZipCodeService.ashx中收集的JSON数组包含字段“名称”和“代码”，我试图只在名称字段中获得具有“SampleCity”的结果。但是，现在所有的字段和数据都得到了返回，所以过滤器显然无法正常工作，或者像我期待的那样。任何帮助深表感谢！我是新来的JQuery/Javascript和非常新的AJAX...
ajax中文过滤器
wangchunyu506的博客
09-28 406
ajax默认编码为utf-8，但有些时候项目的解析编码不是utf-8，这样就造成中文参数乱码，这个是一个GBK解析的项目，但用ajax传参时用utf-8解析的一个过滤器
java中过滤器的使用
zero_295813128的专栏
05-31 2244
public final class EntranceFilter implements Filter { private static final String JSONP_CALLBACK = "callback"; private static final String JSONP_UPLOAD_CALLBACK = "uploadcallback"; private stat
JavaWeb中的过滤器Filter的作用
最新发布
05-22
JavaWeb中的过滤器Filter可以用于拦截请求，对请求进行预处理，也可以在响应返回给客户端之前对响应进行后处理。过滤器常用于实现一些通用的逻辑，例如对请求进行字符编码转换、对请求进行安全验证、统计请求次数等...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值