在开发中，选择使用 `form 表单` 还是 `JSON` 主要取决于具体的应用场景和需求。以下是两种方式的适用场景及代码示例。 --- ### **1. 使用 Form 表单的场景** `Form 表单` 通常用于以下场景： - **文件上传**：如图片、视频等二进制数据。 - **传统 Web 表单提交**：如登录表单、注册表单等。 - **需要兼容旧系统**：一些老系统可能只支持 `application/x-www-form-urlencoded` 或 `multipart/form-data` 格式。 #### 示例代码（Form 表单） ```javascript const axios = require('axios'); const FormData = require('form-data'); const fs = require('fs'); // 创建表单对象 let formData = new FormData(); formData.append('username', 'testuser'); formData.append('password', 'testpassword'); formData.append('profile_picture', fs.createReadStream('./example.jpg')); // 发送 POST 请求 axios.post('https://example.com/api/upload', formData, { headers: formData.getHeaders() }) .then(response => { console.log(response.data); }) .catch(error => { console.error(error); }); ``` **解释：** - 使用 `FormData` 构造表单数据。 - `append` 方法添加字段或文件流。 - 调用 `formData.getHeaders()` 自动生成正确的请求头（如 `Content-Type`）。 - 适合文件上传或简单的键值对数据提交。 --- ### **2. 使用 JSON 的场景** `JSON` 通常用于以下场景： - **现代 API 开发**：RESTful API 和 GraphQL 通常以 JSON 格式传输数据。 - **复杂数据结构**：如嵌套对象、数组等。 - **前后端分离项目**：前端通过 AJAX 请求与后端交互时，JSON 是最常用的格式。 #### 示例代码（JSON） ```javascript const axios = require('axios'); // 构造 JSON 数据 const jsonData = { username: 'testuser', password: 'testpassword', profile: { age: 25, city: 'Beijing' } }; // 发送 POST 请求 axios.post('https://example.com/api/login', jsonData) .then(response => { console.log(response.data); }) .catch(error => { console.error(error); }); ``` **解释：** - 直接构造一个 JavaScript 对象作为数据。 - Axios 默认会将对象序列化为 JSON 并设置 `Content-Type` 为 `application/json`。 - 适合传递复杂的结构化数据。 --- ### **总结对比** | 特性 | Form 表单 | JSON | |-----------------------|--------------------------------------------|------------------------------------------| | **数据格式** | URL 编码 (`application/x-www-form-urlencoded`) 或多部分编码 (`multipart/form-data`) | JSON (`application/json`) | | **适用场景** | 文件上传、简单键值对数据 | 复杂数据结构、现代 API 开发 | | **兼容性** | 更兼容旧系统 | 更适合现代应用 | | **性能** | 较低（尤其是多部分编码） | 较高 | --- ### **相关问题**