servlet的同步请求异步请求以及请求转发与重定型的区别

转载

wx61de8d4d02ae8 2022-01-18 10:33:24 博主文章分类：JavaEE

文章标签 java html 异步请求 文章分类 虚拟化云计算

在javaWeb阶段，前端页面发送请求有两种：

　　1.同步请求　

　　2.异步请求

同步请求与异步请求的区别是：同步请求跳转界面，异步请求只传递数据，不会跳转界面

（即使用同步请求，servelt响应的是一个界面，前台需要加载这个新的界面的图片样式脚本等诸多资源，而是用异步请求的话，只传递数据，不会刷新资源）

做一个简单的案例：

1.新建一个页面login.jsp

servlet的同步请求异步请求以及请求转发与重定型的区别_异步请求

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<form action="ServletDemo1">
    用户名：<input type="username">
    密码：<input type="password">
    <input type="submit">
</form>
</body>
</html>

View Code

然后创建一个简易的servlet

servlet的同步请求异步请求以及请求转发与重定型的区别_异步请求

package com.zs.servlet;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/ServletDemo1")
public class ServletDemo1 extends HttpServlet {
    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        req.getRequestDispatcher("login.jsp").forward(req, resp);
    }
}

View Code

运行tomcat后，在浏览器输入login网页地址打开网页，然后打开F12，找到网络后点击发送可以看到如下页面

servlet的同步请求异步请求以及请求转发与重定型的区别_异步请求_05

选中发送的请求，点开后可以看到如下页面：

servlet的同步请求异步请求以及请求转发与重定型的区别_html_06

可以看出，响应的是一个页面，同步请求响应的是页面，下面的是响应的页面的源代码，而是用异步请求的话，不会刷新网页，只是传递数据，响应只有数据。下面使用ajax来实现异步请求，还是使用之前的login.jsp页面，修改表单为发送异步请求：

servlet的同步请求异步请求以及请求转发与重定型的区别_异步请求

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <%--需要导入jquery包--%>
    <script src="jquery-1.8.3.min.js"></script>
</head>
<body>
<form>
    用户名：<input type="text" name="username" id="username">
    密码：<input type="password" name="password" id="password">
    <input type="button" onclick="check()" value="登录">
</form>
<script>
    function check() {
        $.post("/servletbk/ServletDemo1",
                {"username":username.value,
                "password":password.value},
                function(data){
                    console.log(data)
                })
    }
</script>
</body>
</html>

View Code

修改servlet：

servlet的同步请求异步请求以及请求转发与重定型的区别_异步请求

package com.zs.servlet;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

@WebServlet("/ServletDemo1")
public class ServletDemo1 extends HttpServlet {
    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        PrintWriter writer = resp.getWriter();
        writer.write("hello world");
    }
}

View Code

然后再次输入表单发送请求并查看请求的响应

servlet的同步请求异步请求以及请求转发与重定型的区别_html_11

可以看出，响应只有数据，不刷新页面了，还是原来的页面，使用异步请求的方式为用户节省了流量，避免了多次加载网页的内容。

在同步请求中，有两种响应方式，一种是请求转发，一种是重定向。

请求转发与重定向的区别：

还是以具体的案例来说明：

首先是请求转发的：

新建一个index.jsp作为跳转的页面：

servlet的同步请求异步请求以及请求转发与重定型的区别_异步请求

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>
 ${user}
  </body>
</html>

View Code

然后将servlet改为请求转发：

servlet的同步请求异步请求以及请求转发与重定型的区别_异步请求

package com.zs.servlet;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

@WebServlet("/ServletDemo1")
public class ServletDemo1 extends HttpServlet {
    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        req.setAttribute("user","111111");
        req.getRequestDispatcher("index.jsp").forward(req, resp);
    }
}

View Code

运行服务器，浏览器输入请求地址 http://localhost:8080/servletbk/ServletDemo1

运行结果如下：

servlet的同步请求异步请求以及请求转发与重定型的区别_html_16

修改servlet为重定向：

servlet的同步请求异步请求以及请求转发与重定型的区别_异步请求

package com.zs.servlet;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

@WebServlet("/ServletDemo1")
public class ServletDemo1 extends HttpServlet {
    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        req.setAttribute("user","111111");
        resp.sendRedirect("index.jsp");
    }
}

View Code

然后再次发送请求结果如下：

servlet的同步请求异步请求以及请求转发与重定型的区别_java_19