复习HTML(进阶）

news2024/10/4 2:55:52

前言

上一篇的最后我介绍了在表单中，上传文件需要使用到 method属性和enctype属性。本篇博客主要是详细的介绍这些知识

   <form  action="http://localhost:8080/test" method="post"  enctype="multipart/form-data">

method属性

method请求方式有

1 get(默认的请求方式）:数据跟在资源路径下（也就是我们在后端使用@RequestMapping， @GetMapping 映射下的初始路径）

如图所示：test? +请求数据（查询参数）
  @RequestMapping("/test")
    public String ff(User user ,MultipartFile file) {
        System.out.println("user="+user);
        System.out.println("file="+file.getSize());
         return "收到数据";
    }
2 post : 发送的数据在请求体（requestbody）

补充：我们常使用@RequestBody注解在请求体中招发送的数据

注意：enctype属性常常和post 搭配使用

举个例：我们上传文件时需要使用enctype属性，是向服务器发送数据

3 get 请求和post请求的区别

1 发送数据位置不同

原因：

上面介绍的。get:数据是跟在路径下的。也就是我们后面要了解的请求行中；post：数据是在请求体中

2 应用场景不同

原因：

1 get：主要是从服务器中，获得数据。；post:主要是向服务器中提交数据。

3 后端接收方式不同

原因：

1 发送get请求时，需要使用@GetMapping注解映射

2 发送post请求时，需要使用@PostMapping注解映射

4 安全性不同

原因：

1 发送get请求时，请求数据是直接呈现地址栏上，容易被捕捉,安全性方面较弱。

如下图所示：我标红的就是csdn网址中请求数据（该数据使用键值对的方式：k=v)

2 发送post请求时，请求的数据是在request body请求体中，不会在地址栏上显示，安全性比较高然而，需要注意的是，即使使用POST请求，如果不使用HTTPS加密，报文正文仍然是明文传输，可能仍然面临被截获和读取的风险。

enctype属性

作用

在post请求时，指定请求体的数据格式

常见的数据格式如下图所示：

数据格式

含义：发送请求时，数据需要遵循的规则如编码要求等

重点：当我们上传文件时指定数据格式为： multipart/form-data

重点：表单只支持以application/x-www-form-urlencoded 和 multipart/form-data格式发送数据

1 application/x-www-form-urlencoded

注意：

1 get 和post都是默认使用application/x-www-form-urlencoded数据格式

2 编码使用 url编码

url编码：utf-8 +16进制

什么意思呢

如果遇到特殊字符如汉字

步骤

1 先转换成utf-8编码

2 最后使用16进制替换

2 multipart/form-data

注意：

1 使用boundary =123作为分隔符，把多个内容分隔开

2 多个编码形式根据有多少个内容决定

3 application/json

含义

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，具有简洁、清晰、易于阅读和编写的特点，同时易于机器解析和生成。JSON的应用场景非常广泛，

注意：

1 当我们使用json 数据格式时，向服务器发送请求，并传递数据，必须先通过@RequestBody 从请求体中找到对应的数据，并转化成可以被JavaBean识别的形式。

2 当我们需要返回数据时，需要通过@ResponseBody注解方式重新转成json数据格式被前端接受或作用于其他。

特点：使用utf-8 编码，数据采用键值对的方式

典型的应用场景：

Web应用：

在前后端分离架构中，服务器端通过HTTP响应将数据以JSON格式发送给客户端（如浏览器）。
客户端的JavaScript代码可以解析JSON并动态更新网页内容，例如从服务器获取用户信息、商品列表、新闻文章等。

AJAX异步请求：

浏览器使用AJAX技术发起异步请求，服务器返回JSON数据。
无需刷新整个页面即可实现局部内容的动态加载和更新。

RESTful API：

JSON是现代API设计的标准数据格式之一，用于规定请求参数和响应数据结构。
API使用者通过发送JSON请求到服务器，并接收JSON格式的响应结果。

数据库：

某些NoSQL数据库（如MongoDB）直接支持JSON作为存储格式。
在关系型数据库中，也常将JSON字符串化后存入特定字段，便于存储半结构化或松散结构的数据。
JSON字段在数据库中适用于数据结构动态变化、存储复杂数据类型、存储非关系型数据、减少数据库查询次数、存储元数据以及实现灵活的查询方式等场景。

本地存储：

浏览器提供的localStorage或IndexedDB等API允许以JSON格式存储用户数据、应用设置等。
便于离线访问或持久化状态。

应用程序配置：

在软件开发中，JSON常用于编写配置文件。
其清晰的结构和易读性便于开发者管理应用程序的各项设置和参数。

跨服务通信：

在微服务架构中，JSON常用作RPC调用的数据交换格式。
使得不同服务间能以统一、标准的方式传递复杂数据结构。

原生/混合移动应用：

通过HTTP请求从服务器获取JSON数据，用于填充移动端界面。
如新闻阅读、社交媒体、电商应用等。

json对象格式：{“ 属性名”：属性值}

补充：属性值可以是：字符串/数字/true/false/null