前端传递参数时，form-data 和 json 的区别-Toy模板网

这篇具有很好参考价值的文章主要介绍了前端传递参数时，form-data 和 json 的区别。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

在传递参数时，form-data 和 JSON 是两种常见的数据格式。

form-data 是一种多部分表单数据格式，通常用于上传文件或包含二进制数据的表单提交。它使用 multipart/form-data 格式来编码数据。在使用 form-data 格式时，数据会被分割成多个部分，每个部分都有自己的头部信息。
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，常用于前后端数据传输。它使用键值对的形式来表示数据，并且支持嵌套结构。JSON 数据格式是纯文本的，易于阅读和编写，同时也易于解析和生成。

生成 form-data 格式的数据通常需要使用 FormData 对象来处理，示例代码如下：

const formData = new FormData();
formData.append('username', 'John');
formData.append('avatar', file); // 上传文件

// 发送请求
axios.post('/api/endpoint', formData, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
});

生成 JSON 格式的数据可以通过创建一个包含键值对的 JavaScript 对象，并使用 JSON.stringify 方法将其转换为字符串，示例代码如下：

const data = {
  username: 'John',
  age: 25
};

// 发送请求
axios.post('/api/endpoint', JSON.stringify(data), {
  headers: {
    'Content-Type': 'application/json'
  }
});