前端向后端发送请求(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) => { }
    })
  }
复制代码

posted @   糖~豆豆  阅读(3222)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决
Live2D
欢迎阅读『前端向后端发送请求(FormData),你们不要吐槽我,有的时候我也不想写注释』
点击右上角即可分享
微信分享提示