前端向后端发送请求(FormData)

Posted sugartang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端向后端发送请求(FormData)相关的知识,希望对你有一定的参考价值。

JSON对象转成formData对象,formData对象转成JSON

在向后端请求时,如果上传的数据里存在file文件对象,需要用到表单提交,这时候我们需要将JSON对象,转成formData对象,具体见代码

 const formData = new FormData();
  Object.keys(params).forEach((key) => {
    formData.append(key, params[key]);
  });

下面也有可能需要formData转JSON,代码如下:

var jsonData = {};
  formData.forEach((value, key) => jsonData[key] = value);
 mypost1() {
    let url = ‘http://1.1.1.1:8080/AA/pAA/kAAAin/quAA‘;
    let params = {
      AA: ‘‘,
      SS: ‘‘,
      DD: ‘1‘
    }
    const formData = new FormData();
    Object.keys(params).forEach((key) => {
      formData.append(key, params[key]);
    });
    console.log(formData)
    this.http.post(url, formData).subscribe({
      next: (res: any) => {
        if (res.status === ‘success‘) {
        } else { if (!res.message || res.message === ‘error‘) { this.msg.error(‘...‘) } else { this.msg.error(res.message); } }
      }, error: (err: any) => { }
    })
  }

以上是关于前端向后端发送请求(FormData)的主要内容,如果未能解决你的问题,请参考以下文章

FormData如何向后端传递数组

前端向后端传一个json数组对象

前端向后端发送请求,后端返回的一个值的请求的store方法

django 后端和角度前端向后端发送请求

前端向后端发送请求的几种方式

通过JS创建FormData实现上传多张图片