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

在传递参数时，

form-data

和

JSON

是两种常见的数据格式。

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

生成

form-data

格式的数据通常需要使用

FormData

对象来处理，示例代码如下：

const formData =newFormData();
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'}});

在示例中，

axios

是一个常用的 HTTP 请求库，用于发送请求。

headers

部分用于设置请求头，确保服务器能够正确解析请求数据的格式。

需要根据具体的需求和后端接口的要求选择使用

form-data

还是

JSON

格式的数据传递。