Form表单、JSON格式的区别和优缺点总结

添油加醋哎

已于 2023-07-07 13:51:06 修改

阅读量4.9k

点赞数 1

分类专栏： web杂谈文章标签： web

于 2023-07-06 21:35:39 首次发布

本文链接：https://blog.csdn.net/qq_45488981/article/details/131585689

版权

web杂谈专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Form表单、JSON格式的区别

一、Form格式

1.Form的具体使用

Form表单是一种常见的传递参数的方式，尤其在网页开发中被广泛使用。通过表单，用户可以在网页上输入信息并提交到服务器进行处理。Form表单通常包含各种输入字段，如文本框、单选框、复选框和下拉列表等。当用户提交表单时，表单数据将会以键值对的形式发送到服务器。

<form action="/submit" method="POST">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name" required><br><br>

  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required><br><br>

  <label for="message">Message:</label>
  <textarea id="message" name="message" required></textarea><br><br>

  <input type="submit" value="Submit">
</form>

在服务器端，具体的处理方式取决于您使用的编程语言和框架。以下是一个简单的Node.js Express框架的例子，展示如何获取表单数据：

const express = require('express');
const app = express();

// 处理POST请求
app.post('/submit', (req, res) => {
  const name = req.body.name;
  const email = req.body.email;
  const message = req.body.message;

  // 在这里进行表单数据的处理

  res.send('Form submitted successfully!');
});

app.listen(3000, () => {
  console.log('Server listening on port 3000');
});

2.Form的数据结构

当通过HTML表单提交数据时，数据以键值对的形式进行传递。每个输入字段都有一个名称（name）和一个对应的值（value）。当用户提交表单时，表单数据将包含所有已填写或选择的字段及其值。

以下是一个示例表单数据的结构：

name=John Doe&email=johndoe@example.com&message=Hello, world!

在上面的示例中，表单包含了三个字段：name、email和message。它们的值分别是John Doe、johndoe@example.com和Hello, world!。每个字段名和值之间使用等号（=）进行连接，不同字段之间使用&符号进行分隔。

3.服务器端请求

在服务器端，您可以根据您所使用的编程语言和框架，以及服务器端的HTTP库，对表单数据进行解析和处理。常见的服务器端编程语言和框架都提供了相应的功能来处理表单数据，例如在Node.js中使用Express框架的req.body对象来访问表单数据。

需要注意的是，表单数据的编码方式默认为URL编码（application/x-www-form-urlencoded）。这意味着特殊字符将进行编码，例如空格将被替换为加号（+），或者使用百分号编码进行表示。服务器端会根据这种编码方式进行解析，以正确获取表单数据。

Java-HttpRequest

作为一名Java开发，我们会经常对接第三方API接口，比如请求一个form表单的查询接口（虽然现在都是使用JSON进行传输了，但是也可能遇到）

如下是Hutool工具类中的HttpUtils.post()请求的方法封装的底层代码，基于cn.hutool.http.HttpRequest工具类，封装的代码实例模拟form表单请求接口：

    public static String post(String urlString, Map<String, Object> paramMap, int timeout) {
        return HttpRequest.post(urlString).form(paramMap).timeout(timeout).execute().body();
    }

4.优缺点

优点：

简单易用：表单请求使用HTML表单作为界面，用户可以直接在网页上填写信息并提交，无需编写复杂的请求代码。
广泛支持：表单请求是HTTP协议的一部分，被主流的Web浏览器和服务器广泛支持，兼容性良好。
多字段支持：表单请求可以包含多个字段，如文本框、单选框、复选框和下拉列表等，便于用户输入多种类型的数据。
可靠性高：表单请求使用HTTP协议进行数据传输，具有可靠的请求和响应机制，适用于大多数场景。

缺点：
传输效率低：表单请求将数据以键值对的形式传输，对于大量或大型文件的传输效率较低。特别是在使用Base64编码将文件嵌入到表单请求中时，会增加数据量和传输时间。
无状态：表单请求是无状态的，即每个请求都是独立的，服务器无法跟踪用户的状态。这可能需要在服务器端进行额外的处理，如使用会话管理技术来维护用户状态。
安全性限制：表单请求中的数据以明文形式传输，存在安全风险。特别是在传输敏感信息（如密码）时，需要采取额外的安全措施，如使用HTTPS进行加密传输。
有限的数据类型支持：表单请求主要适用于传输简单的键值对数据，对于复杂的结构化数据或二进制数据（如图片、视频等），表单请求的支持相对有限。
结构化和非结构化数据：尽管表单本身不强制要求数据的结构化，但您可以通过合适的设计和后端处理来使表单数据具有结构化的特性。这样可以更好地管理和处理表单数据。

二、JSON格式

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，通常用于在客户端和服务器之间传输数据。它基于JavaScript语言的子集，但已成为一种独立于编程语言的通用数据格式。

1.JSON格式的具体使用

下面是一个基于AJAX请求的示例代码，用于通过AJAX发送JSON数据：

var data = {
  name: "John Doe",
  age: 30,
  email: "johndoe@example.com"
};

var url = "http://example.com/submit";

var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功处理
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};

xhr.send(JSON.stringify(data));

2.JSON格式数据结构

{
  "name": "John Doe",
  "age": 30,
  "email": "johndoe@example.com"
}

JSON还支持嵌套和组合数据结构，允许在对象或数组中嵌套其他对象或数组。这样可以构建更复杂的数据结构和数据关系。

{
  "name": "John Doe",
  "age": 30,
  "email": "johndoe@example.com",
  "address": {
    "street": "123 Main St",
    "city": "New York",
    "country": "USA"
  },
  "hobbies": ["reading", "traveling", "cooking"],
  "friends": [
    {
      "name": "Jane Smith",
      "age": 28,
      "email": "janesmith@example.com"
    },
    {
      "name": "Tom Johnson",
      "age": 32,
      "email": "tomjohnson@example.com"
    }
  ]
}

3.优缺点

优点：

易于阅读和编写：JSON采用简洁的文本格式，易于阅读和编写，便于人类理解和编辑。
易于解析和生成：JSON数据结构简单明了，几乎所有现代编程语言都提供了用于解析和生成JSON的内置库或第三方库，使其在不同平台和环境中的数据交换变得简单和方便。
跨平台和跨语言的兼容性：由于JSON是基于文本的数据交换格式，几乎可以在任何计算机系统和编程语言中使用。这使得不同平台和不同技术栈之间的数据交换更加灵活和无缝。
支持结构化数据：JSON支持嵌套和组合的数据结构，允许在对象或数组中嵌套其他对象或数组。这样可以构建更复杂的数据结构和数据关系，适用于表示和处理多层次的数据。
广泛应用：JSON在Web开发、API通信、配置文件、移动应用程序等领域得到广泛应用，成为一种常用的数据交换格式。

缺点：

冗余的数据量：与二进制格式相比，JSON作为文本格式可能具有更大的数据量。因为它使用可读的文本形式表示数据，而不是紧凑的二进制表示。这可能会导致传输和存储上的效率低下。
缺乏数据类型约束：JSON没有内置的数据类型约束，这意味着在数据交换中需要额外的验证和验证来确保数据的正确性和一致性。
不适合大规模数据：对于大规模数据集，JSON的解析和生成可能会比较耗时，且占用较多的内存。
有限的标准化和规范：虽然JSON是一种通用的数据交换格式，但它的标准化和规范相对较少。这可能导致在不同系统和项目中的JSON使用习惯和约定不一致。

参考相关文章：