Http请求响应 Ajax 过滤器
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内容还没有完全掌握，再加上一边刷题，感觉压力很大哈…...
【Qt控件之QTableWidget】使用及技巧
简介 QTableWidget是Qt中的表格控件，用于显示和编辑二维表格数据，QTableView类的子类。 可以和定时器结合，实现定时刷新表格中的数据或执行其他与表格相关的操作。 主要函数说明 定时器相关函数(用于刷新表格数据)： void startT…...
算法-动态规划/中心扩散法-最长回文子串
算法-动态规划/中心扩散法-最长回文子串 1 题目概述 1.1 题目出处 https://leetcode.cn/problems/longest-palindromic-substring 1.2 题目描述 2 动态规划 2.1 思路 dp[i][j] 表示[i,j]之间的字符串是否是回文。 那么，如果chars[i] chars[j]时，就…...
SpringMVC中使用CharacterEncodingFilter编码过滤器处理请求和响应的乱码问题)
(6)SpringMVC中使用CharacterEncodingFilter编码过滤器处理请求和响应的乱码问题
处理SpringMVC中乱码问题 处理原生Servlet中请求和响应的乱码问题,参考文章 Servlet中的过滤器的实现及其原理,参考文章 配置CharacterEncodingFilter 在Servlet规范中要求request和response对象设置编码之前不能有获取请求参数和响应数据的操作,否则后续设置的编码都将不起…...
USB协议层数据格式
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 控…...
加密的重要性，MySQL加密有哪些好处?
加密是一种将信息转化为无法直接读取的格式的技术，从而保护信息安全。在当今数字化的世界中，数据已成为企业的重要资产，因此加密的重要性不言而喻。在这篇文章中，我们将探讨MySQL加密的好处以及如何选择合适的加密算法。 MySQL加密…...
Python为Excel中每一个单元格计算其在多个文件中的平均值
本文介绍基于Python语言，对大量不同的Excel文件加以跨文件、逐单元格平均值计算的方法。 首先，我们来明确一下本文的具体需求。现有一个文件夹，其中有如下所示的大量Excel文件，我们这里就以.csv文件为例来介绍。其中，每…...
LLM 系列之 Transformer 组件总结
本系列为LLM 学习博客，会一一记录各个模块解读。 以下内容参考:大语言模型综述 https://github.com/RUCAIBox/LLMSurvey 主流架构 大语言模型，主要的核心组件是Transformer。不同的模型选择的架构不一样，目前主流架构有： 编码器…...
计算机等级考试—信息安全三级真题十
目录 一、单选题 二、填空题 三、综合题 一、单选题...
面试总结(mysql定精度/oom排查/spring三级缓存/stream流)
Mysql数据类型上的一个把握 1、MySQL Decimal为什么不会丢失精度 DECIMAL的存储方式和其他数据类型都不同，它是以字符串形式存储的。假设一个字段为DECIMAL(3,0)，当我们存入100时，实际上存入的1、0、0这三个字符拼接而成的字符串的二进制值&…...
uniapp四个元素点击那个哪个变色，其他的还变原来的颜色
在UniApp中，可以使用CSS伪类选择器和动态样式绑定来实现点击某个元素时改变其颜色的效果。假设有四个元素分别为A、B、C和D。 首先，为这四个元素添加一个共同的类名，例如"item"。 然后，在页面的样式中定义两种颜色&am…...
Springcloud笔记（2）-Eureka服务注册
Eureka服务注册 服务注册，发现。 在Spring Cloud框架中，Eureka的核心作用是服务的注册和发现，并实现服务治理。 Eureka包含两个组件：Eureka Server和Eureka Client。 Eureka Server提供服务注册服务，各个节点启动后…...
国庆 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,&…...
计算机网络 | OSI 参考模型
计算机网络 | OSI 参考模型 计算机网络 | OSI 参考模型应用层表示层会话层传输层网络层数据链路层物理层 参考视频：王道计算机考研 计算机网络 参考书：《2022年计算机网络考研复习指导》 计算机网络 | OSI 参考模型 OSI 参考模型自下而上分为7层&…...
uniapp 实现地图头像上的水波纹效果
最近实现了uniapp 地图头像水波纹的效果，话不多说，先来看看视频效果吧：链接 在这里具体的代码就不放出来了，还是利用了uniapp的 uni.createAnimation 方法，因为cover-view 不支持一些css 的动画效果，所以这…...
Zabbix7.0 LTS新功能
一、简介 LTS是长期支持。LTS版本支持5年。如果更喜欢稳定性，未涉及到最新的功能，可以选次新的LTS或者更低解决方案。而Zabbix6.4是最新的主要版本不属于LTS版本。 二、新功能 从以下几个方面介绍部分新功能： 性能提升：内存储存…...
充电100%并非都是美事，有时少点更有溢出！如何正确为iPhone充电
iPhone是非凡的设备，但一旦电池耗尽，它们就会失去光泽。这就是为什么照看电池内部并确保始终正确充电很重要。 在这篇文章中，我们解释了如果你想让你的iPhone每天运行到深夜，并尽可能多地保持这种状态，你需要采取的步…...
【软件测试】JUnit详解
文章目录 一. Junit是什么?二.Junit中常见的注解1. Test2. BeforeAll & AfterAll3. BeforeEach & AfterEach4. ParameterizedTest参数化5. Disabled6. Order 三. 测试套件1. 通过class运行测试用例2. 通过包运行测试用例 四. 断言 一. Junit是什么? JUnit是一个用于…...
hive统计页面停留时间
1、背景：通过业务埋点数据，统计用户在页面的停留时间 样例数据，样例数据存入表tmp， 有如下字段用户uid、动作时间戳time、页面名称pn、动作名称action SELECT 12345 AS uid, 1695613731020 AS time, 搜索 AS pn, click AS acti…...
LeetCode 24.两两交换链表中的结点
题目链接 力扣（LeetCode）官网 - 全球极客挚爱的技术成长平台 题目解析 首先可以特判一下，如果结点数目小于等于1，则直接返回即可，因为数目小于等于1就不需要交换了。 然后我们可以创建一个虚拟的头结点，然…...
STM32H7的QSPI内存映射模式实战：把W25Q64当内部Flash用（含CubeMX配置）
STM32H7 QSPI内存映射模式深度解析：将外部Flash变为高速只读存储区 在嵌入式系统开发中，存储资源常常成为性能瓶颈。STM32H7系列微控制器通过QUADSPI接口的内存映射模式，为开发者提供了一种创新的解决方案——将外部SPI Flash设备映射到MCU的…...
利用 JiuwenSwarm AgentTeam 打造自动化研发团队
利用 JiuwenSwarm AgentTeam 打造自动化研发团队 本文介绍如何通过 JiuwenSwarm AgentTeam 构建自动化研发团队，实现字幕软件开发、AtomGit Issue/PR 智能处理与飞书文档同步。 目录 JiuwenSwarm 平台概述 系统架构预置智能体类型 什么是 AgentTeams飞书群中添加机…...
终极指南：如何用dnSpyEx完美调试和编辑.NET 8程序集
终极指南：如何用dnSpyEx完美调试和编辑.NET 8程序集 【免费下载链接】dnSpy Unofficial revival of the well known .NET debugger and assembly editor, dnSpy 项目地址: https://gitcode.com/gh_mirrors/dns/dnSpy 在当今快速发展的.NET生态中，…...
ISE 14.7 最后的倔强：手把手教你给CPLD烧录程序（附JTAG连接避坑指南）
ISE 14.7 最后的倔强：手把手教你给CPLD烧录程序（附JTAG连接避坑指南） 在Vivado大行其道的今天，ISE 14.7这个"老古董"依然活跃在某些工程师的工作站上。这不是技术怀旧，而是实实在在的工程需求——当你面对一…...
win11的自带媒体播放器-可以设置它的播放速度。在右小角的三个点里面。。。
win11的自带媒体播放器-可以设置它的播放速度。在右小角的三个点里面。。。...
船载AIS的Class A、Class B和接收器到底怎么选？一篇讲清休闲帆船、渔船和小货船的设备配置指南
船载AIS设备选购全指南：从合规到实战的智能决策 清晨的港口，一艘30英尺的休闲帆船正在做最后的出海准备。船长盯着仪表盘上闪烁的AIS接收器信号，思考着是否该升级为收发一体的Class B设备——这个决定可能关系到未来航行中能否被大型商船及时…...
Jetson Nano到手后别急着烧系统，先做好这5步准备（含SD卡选购与电源避坑）
Jetson Nano开箱必做的5项硬件准备：从SD卡到电源的完整避坑指南 当你第一次拿到Jetson Nano开发板时，那种迫不及待想立刻通电体验的冲动完全可以理解。但作为一个经历过多次"翻车"的老玩家，我必须提醒你：直接烧录系统很…...
终极文档下载神器：一键下载30+平台文档的完整解决方案
终极文档下载神器：一键下载30平台文档的完整解决方案 【免费下载链接】kill-doc 看到经常有小伙伴们需要下载一些免费文档，但是相关网站浏览体验不好各种广告，各种登录验证，需要很多步骤才能下载文档，该脚本就是为了解…...
3分钟搞定！PowerToys中文版终极配置指南，让Windows效率提升300%
3分钟搞定！PowerToys中文版终极配置指南，让Windows效率提升300% 【免费下载链接】PowerToys-CN PowerToys Simplified Chinese Translation 微软增强工具箱 自制汉化 项目地址: https://gitcode.com/gh_mirrors/po/PowerToys-CN 你是否曾经面对Po…...
基于Remix与React构建隐私优先的订阅费用追踪器Subs
1. 项目概述：一个纯粹、高效的订阅费用追踪器在数字订阅服务泛滥的今天，你是否也常常感到困惑：每个月到底有多少笔自动扣款？Netflix、Spotify、各种云服务、会员费……这些零散的费用加起来，一年可能是一笔不小的开销。…...