本文介绍: 同步方式 异步方式 Ajax过滤器(Filter)作用:在请求进入到Servlet之前,让请求进入过滤器进行统一处理。例如:可以对编码进行统一处理(请求,响应),可以对权限验证进行统一处理….以对编码处理过滤为例:
10/10/2023
近期总结:
最近学的后端部署,web服务器运行,各种请求响应,内容很多,学的很乱,还是需要好好整理,前面JavaSE内容还没有完全掌握,再加上一边刷题,感觉压力很大哈哈。看群友们都在说找工作难,又会被打击,不过感觉一切都以实力说话,提升自己比什么都有说服力,继续加油!
一、HTTP请求
从前端网页中可以向后端发送HTTP请求:
1,在浏览器地址栏输入后端地址;
servletRequest.setCharacterEncoding("utf-8");//设置请求正文的字符编码。它确保服务器使用 UTF-8 字符编码正确解释传入数据
String account=req.getParameter("account");//接收请求中我们自己提交的数据
req.getMethod();//获得请求方法
req.getRequestURL();//获得客户端请求地址
req.getHeader();//获得请求头
req.getRemoteAddr();//获得客户端ip
200 请求成功
404 请求资源不存在
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 {
@Override
public 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,同步方式
<!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>
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");//是否携带cookie
filterChain.doFilter(servletRequest, servletResponse);
}
}
<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>
原文地址:https://blog.csdn.net/m0_71385141/article/details/133756538
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_10047.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。