当前位置：首页 > news >正文

Http请求响应 Ajax 过滤器

news 2025/12/28 3:27:46

10/10/2023

近期总结：

最近学的后端部署，web服务器运行，各种请求响应，内容很多，学的很乱，还是需要好好整理，前面JavaSE内容还没有完全掌握，再加上一边刷题，感觉压力很大哈哈。看群友们都在说找工作难，又会被打击，不过感觉一切都以实力说话，提升自己比什么都有说服力，继续加油！

一、HTTP请求

从前端网页中可以向后端发送HTTP请求：
1，在浏览器地址栏输入后端地址；

2，超链接向后端发送http请求；

3，表单向后端发送http请求。

一个http请求包括：请求头，请求行，请求体

http请求方式：

POST请求（从客户端向后端发送大量数据。数据在请求体中存放，相对安全，数据无大小限制）
GET请求（向后端发送请求，携带少量数据，从后端获取大量数据，不安全，传输数据量有限，1~2Kb）

http请求方法：

servletRequest.setCharacterEncoding("utf-8");//设置请求正文的字符编码。它确保服务器使用 UTF-8 字符编码正确解释传入数据
String account=req.getParameter("account");//接收请求中我们自己提交的数据
req.getMethod();//获得请求方法
req.getRequestURL();//获得客户端请求地址
req.getHeader();//获得请求头
req.getRemoteAddr();//获得客户端ip

二、HTTP响应（响应行响应头响应体）

响应状态码

200 请求成功

404 请求资源不存在

500 服务器内部错误（代码异常）

http响应方法：

servletResponse.setContentType("text/html;charset=utf-8");//不仅发送到浏览器的内容会使用UTF-8编码，而且还通知浏览器使用UTF-8编码方式进行显示
httpResponse.setHeader("Access-Control-Allow-Origin", httpRequest.getHeader("origin"));//允许所有请求跨域
httpResponse.setHeader("Access-Control-Allow-Methods", "*");//允许跨域的请求方法GET, POST, HEAD 等
httpResponse.setHeader("Access-Control-Allow-Headers", "*");//允许跨域的请求头
httpResponse.setHeader("Access-Control-Allow-Credentials", "true");//是否携带cookie

三、过滤器（Filter）

作用：在请求进入到Servlet之前，让请求进入过滤器进行统一处理。

例如：可以对编码进行统一处理（请求，响应），可以对权限验证进行统一处理....

以对编码处理过滤为例：

1，创建一个专门编写过滤器的文件夹，创建.java文件，编写专门处理编码问题的代码。

import javax.servlet.*;
import java.io.IOException;public class Encoding implements Filter {@Overridepublic void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {servletRequest.setCharacterEncoding("utf-8");//设置请求正文的字符编码。它确保服务器使用 UTF-8 字符编码正确解释传入数据servletResponse.setContentType("text/html;charset=utf-8");//不仅发送到浏览器的内容会使用UTF-8编码，而且还通知浏览器使用UTF-8编码方式进行显示filterChain.doFilter(servletRequest,servletResponse);//继续向后执行，后一个可能是下一个过滤器，也可能是Servlet}
}

2，对web.xml进行配置，为什么要配置web.xml（原因很简单，因为每次启动servlet时，服务器都会首先读取web.xml文件，这样过滤器才能被读取）

<filter><filter-name>Encoding</filter-name><filter-class>com.ffyc.webserver.filter.Encoding</filter-class></filter><filter-mapping><filter-name>Encoding</filter-name><url-pattern>/*</url-pattern>
<!--        /*代表所有地址均可进入过滤器   --></filter-mapping>

四、前端向后端发送请求方式：

1，同步方式

在前端向后端发送请求后，后端返回的内容会打断前端用户操作。

2，异步方式（不同步）

后端响应回来的内容不会打断前端用户操作

异步请求已经成为前后端交互的标配

如何从前端向后端发送异步请求？

1，使用原生的js发送异步请求

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><script src="js/axios.min.js"></script><body><form method="post"><input type="text" placeholder="账号" name="account" onblur="checkAccount(this.value)"><span id="msgid"></span><br><input type="password" placeholder="密码" name="password"><br><input type="submit" value="登录"/></form><script>function checkAccount(account){var reqobj=new XMLHttpRequest();reqobj.open("get","http://localhost:8088/webServer/LoginServlet?account="+account);//准备请求reqobj.send();//发送请求reqobj.onreadystatechange=function(){document.getElementById("msgid").innerHTML=reqobj.responseText;}}</script></body>
</html>

2，使用ajax框架（网络请求库）例如axious

Ajax：可以无刷新状态更新页面，解决了打断前端用户操作的问题，实现了异步提交。

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><script src="js/axios.min.js"></script><body><form method="post"><input type="text" placeholder="账号" name="account" onblur="checkAccount(this.value)"><span id="msgid"></span><br><input type="password" placeholder="密码" name="password"><br><input type="submit" value="登录"/></form><script>function checkAccount(account){axios.get("http://localhost:8088/webServer/LoginServlet?account="+account).then(a=>{document.getElementById("msgid").innerHTML=a.data;})}</script></body>
</html>

注意：记得在后端添加过滤器

package com.ffyc.webserver.filter;import javax.servlet.*;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;public class CorsFilter implements Filter {public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain)throws IOException, ServletException {HttpServletResponse httpResponse = (HttpServletResponse) servletResponse;HttpServletRequest httpRequest = (HttpServletRequest) servletRequest;//允许携带Cookie时不能设置为* 否则前端报错httpResponse.setHeader("Access-Control-Allow-Origin", httpRequest.getHeader("origin"));//允许所有请求跨域httpResponse.setHeader("Access-Control-Allow-Methods", "*");//允许跨域的请求方法GET, POST, HEAD 等httpResponse.setHeader("Access-Control-Allow-Headers", "*");//允许跨域的请求头httpResponse.setHeader("Access-Control-Allow-Credentials", "true");//是否携带cookiefilterChain.doFilter(servletRequest, servletResponse);}
}

配置web.xml

    <filter><filter-name>corss</filter-name><filter-class>com.ffyc.webserver.filter.CorsFilter</filter-class></filter><filter-mapping><filter-name>corss</filter-name><url-pattern>/*</url-pattern></filter-mapping>

Http请求响应 Ajax 过滤器

10/10/2023 近期总结： 最近学的后端部署，web服务器运行，各种请求响应，内容很多，学的很乱，还是需要好好整理，前面JavaSE内容还没有完全掌握，再加上一边刷题，感觉压力很大哈…...

编程日记 2023/10/11 3:47:27

【Qt控件之QTableWidget】使用及技巧

简介 QTableWidget是Qt中的表格控件，用于显示和编辑二维表格数据，QTableView类的子类。可以和定时器结合，实现定时刷新表格中的数据或执行其他与表格相关的操作。主要函数说明定时器相关函数(用于刷新表格数据)： void startT…...

编程日记 2023/10/11 3:46:26

算法-动态规划/中心扩散法-最长回文子串

算法-动态规划/中心扩散法-最长回文子串 1 题目概述 1.1 题目出处 https://leetcode.cn/problems/longest-palindromic-substring 1.2 题目描述 2 动态规划 2.1 思路 dp[i][j] 表示[i,j]之间的字符串是否是回文。那么，如果chars[i] chars[j]时，就…...

编程日记 2023/10/11 3:45:24

(6)SpringMVC中使用CharacterEncodingFilter编码过滤器处理请求和响应的乱码问题

处理SpringMVC中乱码问题处理原生Servlet中请求和响应的乱码问题,参考文章 Servlet中的过滤器的实现及其原理,参考文章配置CharacterEncodingFilter 在Servlet规范中要求request和response对象设置编码之前不能有获取请求参数和响应数据的操作,否则后续设置的编码都将不起…...

编程日记 2023/10/11 3:44:23

USB协议 1. 硬件拓扑结构2. 协议层2.1 字节/位传输顺序2.2 SYNC域2.3 包格式2.3.1 PID域2.3.2 令牌包(Token)2.3.3 数据包2.3.4 握手包 2.4 传输细节2.4.1 传输(Transfer)和事务(Transaction)2.4.2 过程(stage)和阶段(phase)2.4.3 批量传输2.4.4 中断传输2.4.5 实时传输2.4.6 控…...

编程日记 2023/10/11 3:43:22

加密的重要性，MySQL加密有哪些好处?

加密是一种将信息转化为无法直接读取的格式的技术，从而保护信息安全。在当今数字化的世界中，数据已成为企业的重要资产，因此加密的重要性不言而喻。在这篇文章中，我们将探讨MySQL加密的好处以及如何选择合适的加密算法。 MySQL加密…...

编程日记 2023/10/11 3:42:21

Python为Excel中每一个单元格计算其在多个文件中的平均值

本文介绍基于Python语言，对大量不同的Excel文件加以跨文件、逐单元格平均值计算的方法。首先，我们来明确一下本文的具体需求。现有一个文件夹，其中有如下所示的大量Excel文件，我们这里就以.csv文件为例来介绍。其中，每…...

编程日记 2023/10/11 3:41:18

LLM 系列之 Transformer 组件总结

本系列为LLM 学习博客，会一一记录各个模块解读。以下内容参考:大语言模型综述 https://github.com/RUCAIBox/LLMSurvey 主流架构大语言模型，主要的核心组件是Transformer。不同的模型选择的架构不一样，目前主流架构有： 编码器…...

编程日记 2023/10/11 3:40:17

计算机等级考试—信息安全三级真题十

目录一、单选题二、填空题三、综合题一、单选题...

编程日记 2023/10/11 3:38:15

面试总结(mysql定精度/oom排查/spring三级缓存/stream流)

Mysql数据类型上的一个把握 1、MySQL Decimal为什么不会丢失精度 DECIMAL的存储方式和其他数据类型都不同，它是以字符串形式存储的。假设一个字段为DECIMAL(3,0)，当我们存入100时，实际上存入的1、0、0这三个字符拼接而成的字符串的二进制值&…...

编程日记 2023/10/11 3:37:14

uniapp四个元素点击那个哪个变色，其他的还变原来的颜色

在UniApp中，可以使用CSS伪类选择器和动态样式绑定来实现点击某个元素时改变其颜色的效果。假设有四个元素分别为A、B、C和D。首先，为这四个元素添加一个共同的类名，例如"item"。然后，在页面的样式中定义两种颜色&am…...

编程日记 2023/10/11 3:36:09

Springcloud笔记（2）-Eureka服务注册

Eureka服务注册服务注册，发现。在Spring Cloud框架中，Eureka的核心作用是服务的注册和发现，并实现服务治理。 Eureka包含两个组件：Eureka Server和Eureka Client。 Eureka Server提供服务注册服务，各个节点启动后…...

编程日记 2023/10/11 3:34:07

国庆 day 5

QT实现TCP服务器客户端搭建的代码，现象服务器 #include "widget.h" #include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget) {ui->setupUi(this);server new QTcpServer(this);connect (server,&…...

编程日记 2023/10/11 3:33:06

计算机网络 | OSI 参考模型

计算机网络 | OSI 参考模型计算机网络 | OSI 参考模型应用层表示层会话层传输层网络层数据链路层物理层参考视频：王道计算机考研计算机网络参考书：《2022年计算机网络考研复习指导》计算机网络 | OSI 参考模型 OSI 参考模型自下而上分为7层&…...

编程日记 2023/10/11 3:32:04

uniapp 实现地图头像上的水波纹效果

最近实现了uniapp 地图头像水波纹的效果，话不多说，先来看看视频效果吧：链接在这里具体的代码就不放出来了，还是利用了uniapp的 uni.createAnimation 方法，因为cover-view 不支持一些css 的动画效果，所以这…...

编程日记 2023/10/11 3:31:04

Zabbix7.0 LTS新功能

一、简介 LTS是长期支持。LTS版本支持5年。如果更喜欢稳定性，未涉及到最新的功能，可以选次新的LTS或者更低解决方案。而Zabbix6.4是最新的主要版本不属于LTS版本。二、新功能从以下几个方面介绍部分新功能： 性能提升：内存储存…...

编程日记 2023/10/11 3:30:03

充电100%并非都是美事，有时少点更有溢出！如何正确为iPhone充电

iPhone是非凡的设备，但一旦电池耗尽，它们就会失去光泽。这就是为什么照看电池内部并确保始终正确充电很重要。在这篇文章中，我们解释了如果你想让你的iPhone每天运行到深夜，并尽可能多地保持这种状态，你需要采取的步…...

编程日记 2023/10/11 3:25:59

【软件测试】JUnit详解

文章目录一. Junit是什么?二.Junit中常见的注解1. Test2. BeforeAll & AfterAll3. BeforeEach & AfterEach4. ParameterizedTest参数化5. Disabled6. Order 三. 测试套件1. 通过class运行测试用例2. 通过包运行测试用例四. 断言一. Junit是什么? JUnit是一个用于…...

编程日记 2023/10/11 3:24:58

hive统计页面停留时间

1、背景：通过业务埋点数据，统计用户在页面的停留时间样例数据，样例数据存入表tmp， 有如下字段用户uid、动作时间戳time、页面名称pn、动作名称action SELECT 12345 AS uid, 1695613731020 AS time, 搜索 AS pn, click AS acti…...

编程日记 2023/10/11 3:23:56

LeetCode 24.两两交换链表中的结点

题目链接力扣（LeetCode）官网 - 全球极客挚爱的技术成长平台题目解析首先可以特判一下，如果结点数目小于等于1，则直接返回即可，因为数目小于等于1就不需要交换了。然后我们可以创建一个虚拟的头结点，然…...

编程日记 2023/10/11 3:22:55

C++_核心编程_多态案例二-制作饮品

#include <iostream> #include <string> using namespace std;/*制作饮品的大致流程为：煮水 - 冲泡 - 倒入杯中 - 加入辅料利用多态技术实现本案例，提供抽象制作饮品基类，提供子类制作咖啡和茶叶*//*基类*/ class AbstractDr…...

编程新知 2025/12/25 14:23:59

【力扣数据库知识手册笔记】索引

索引索引的优缺点优点1. 通过创建唯一性索引，可以保证数据库表中每一行数据的唯一性。2. 可以加快数据的检索速度（创建索引的主要原因）。3. 可以加速表和表之间的连接，实现数据的参考完整性。4. 可以在查询过程中，…...

编程新知 2025/12/17 22:48:09

全球首个30米分辨率湿地数据集(2000—2022)

数据简介今天我们分享的数据是全球30米分辨率湿地数据集，包含8种湿地亚类，该数据以0.5X0.5的瓦片存储，我们整理了所有属于中国的瓦片名称与其对应省份，方便大家研究使用。该数据集作为全球首个30米分辨率、覆盖2000–2022年时间…...

编程新知 2025/12/21 6:19:19

在 Nginx Stream 层“改写”MQTT ngx_stream_mqtt_filter_module

1、为什么要修改 CONNECT 报文？ 多租户隔离：自动为接入设备追加租户前缀，后端按 ClientID 拆分队列。零代码鉴权：将入站用户名替换为 OAuth Access-Token，后端 Broker 统一校验。灰度发布：根据 IP/地理位写…...

编程新知 2025/8/1 10:20:23

以光量子为例，详解量子获取方式

光量子技术获取量子比特可在室温下进行。该方式有望通过与名为硅光子学（silicon photonics）的光波导（optical waveguide）芯片制造技术和光纤等光通信技术相结合来实现量子计算机。量子力学中，光既是波又是粒子。光子本…...

编程新知 2025/12/13 17:01:29

基于IDIG-GAN的小样本电机轴承故障诊断

目录 🔍 核心问题一、IDIG-GAN模型原理 1. 整体架构 2. 核心创新点 (1) 梯度归一化（Gradient Normalization） (2) 判别器梯度间隙正则化（Discriminator Gradient Gap Regularization） (3) 自注意力机制（Self-Attention） 3. 完整损失函数二…...

编程新知 2025/12/21 2:19:01