前后端接口数据联调有一种form-data形式,一般用来做文件上传,但是有时在登录的时候,也会用到这种格式传递数据,此时就需要通过借助FormData对象实现。

前端直接传递form-data数据给服务端

let params = new FormData();
params.append('userId', '******');
params.append('passWord', '******');
// 注意事项
// 对于传递文件对象,是需要三个参数的,第一个为字段,第二个是二进制文件本体,第三个是文件名
params.append('file', 文件二进对象, 文件名);

当然也可以跟服务端协商,服务端是否可修改成支持直接传递JSON对象(推荐)

前后端数据连调有几种常见的数据传递格式,对于不同格式,需要设置不能的Content-Type。

  1. text/plain :纯文本格式
  2. application/json: JSON数据格式
  3. application/x-www-form-urlencoded :默认的encType,form表单数据被编码为key/value格式发送到服务器(表单默认的提交数据的格式)
  4. multipart/form-data : 需要在表单中进行文件上传时使用
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐