JavaWeb【总结】——（请求和响应）浏览器发送请求的方式服务器响应的方式

news2024/11/26 18:28:41

本文目录

引出
JavaWeb相关知识
- 1.网页状态码+web相关背景知识+如何在idea中建tomcat web项目
- 2.Web的请求request：get和post，响应response
- 3.同步请求和异步请求Ajax，以及异步的Json响应
- 4.同步jsp和异步ajax的axios下，转发或重定向思考
浏览器发送请求
- 1.浏览器地址栏发送请求----全是get
- 2.form表单：可以是get或post
- 3.超链接：等价于浏览器地址栏---get
服务器响应
- 1.响应静态页面：webapp下的静态资源；
- 2.Servlet处理：resp.getWriter().write("xxxxxxxxxx")；
- 3.Servlet处理：重定向 resp.sendRedirect("/path")
- 4.Servlet处理：内部转发---servlet或jsp
应用案例
- 1.同步请求的案例
- 2.异步请求的案例
总结

引出

根据前面学到的同步、异步，servlet的转发重定向，JavaScript等相关内容，有必要用浏览器发送请求的方式，以及服务器响应的方式这个角度进行思考。
在这里插入图片描述

JavaWeb相关知识

1.网页状态码+web相关背景知识+如何在idea中建tomcat web项目

Servlet学习 & Web相关背景知识 + 网页状态码（304） & JavaWeb项目初步

在这里插入图片描述

2.Web的请求request：get和post，响应response

web的请求request （post和get请求）和响应response + 【案例】表格显示在网页

在这里插入图片描述

3.同步请求和异步请求Ajax，以及异步的Json响应

从 Jsp同步请求到 Ajax 的 axios 的异步请求，以及异步标准响应
在这里插入图片描述

4.同步jsp和异步ajax的axios下，转发或重定向思考

什么时候用转发，什么时候用重定向 & 请求request，响应response

在这里插入图片描述

浏览器发送请求

1.浏览器地址栏发送请求----全是get

方法全是get

在这里插入图片描述

http://localhost:8080/day06/opus/updatePage/vue/update?id=47

2.form表单：可以是get或post

在这里插入图片描述

一个form表单的get方法案例：

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>图书添加页面</title>
</head>
<body>
<h1>添加图书信息</h1>

<form action="/day06/opus/addMess" method="get">
    书名：<input type="text" name="name"><br>
    简介：<input type="text" name="intro"><br>
    类型：
<%--    用forEach把类型信息拼出来--%>
    <select name="typeId">
        <c:forEach items="${bookTypes}" var="type">
            <option value="${type.id}">${type.name}</option>
        </c:forEach>
    </select><br>
    <span style="color: darkred">${msg}</span>
    <br>
    <input type="submit" value="提交">
    <input type="reset" value="重置">
</form>
</body>
</html>

get方法的案例

<form action="/day06/user/login" method="post">
<%--    没有name无法给后台传数据--%>
    用户名：<input type="text" name="username"><br>
    密&nbsp;&nbsp;&nbsp;码：<input type="text" name="password"><br>
    <input type="submit" value="登陆">
    <span style="color: darkred">${msg}</span>
</form>

3.超链接：等价于浏览器地址栏—get

在这里插入图片描述

 <a href="/day06/opus/update?id=${opus.id}">修改</a>

服务器响应

1.响应静态页面：webapp下的静态资源；

在这里插入图片描述

2.Servlet处理：resp.getWriter().write(“xxxxxxxxxx”)；

配置resp.setContentType(“text/html;charset=utf-8”);
在这里插入图片描述

// 解决中文的显示问题
response.setCharacterEncoding("UTF-8"); // 设置成编码
response.setContentType("text/html;charset=utf-8"); // 展示的方式
response.getWriter().write("<h2>inputSuccess<h2>");

3.Servlet处理：重定向 resp.sendRedirect(“/path”)

既可以重定向到servlet，也可以重定向到jsp，让浏览器直接执行该地址

在这里插入图片描述

resp.sendRedirect(req.getContextPath()+"/news/list.jsp");

4.Servlet处理：内部转发—servlet或jsp

共享数据，传到下一个servlet或者jsp
在这里插入图片描述

req.getRequestDispatcher("/news/list").forward(req, resp);

5.Servlet处理：异步Ajax的标准响应格式Json

import com.alibaba.fastjson.JSON;

resp.setContentType("application/json;charset=utf-8");
resp.getWriter().write(
		JSON.toJSONString(
				new ResData(3001, "不能删除别人", null)));