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

原文地址:https://www.cnblogs.com/sugartang/p/12163059.html

时间: 2024-10-08 12:59:44

前端向后端发送请求(FormData)的相关文章

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

1.link标签的href属性 2.script标签的src属性 3.img标签的src属性 4.ajax发送请求 5.form 表单提交 6.a标签的href属性 7.iframe的src属性发送请求 参考:https://www.cnblogs.com/AmorR/p/8030133.html 原文地址:https://www.cnblogs.com/linhuaming/p/9130181.html

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

//前端js代码 1 var store = Ext.create(util.getCodeGenerate1ClassName('延续食品经营许可申请','store'), { 2 httpGetRequestExParams: { // 如使用本行代码只要求后台的方法中有参数QueryCondition(默认生成的List()方法中就包含有该参数)即可接收多字段查询条件.建议使用本行代码 3 QueryCondition: { 4 QiYeID:{ 5 Value1: record.get(

前端往后端发送数据的几种方法

先来谈谈XmlHttpRequest对象 XmlHttpRequest对象的主要方法: a. void open(String method,String url,Boolen async) 用于创建请求 参数: method: 请求方式(字符串类型),如:POST.GET.DELETE... url: 要请求的地址(字符串类型) async: 是否异步(布尔类型) b. void send(String body) 用于发送请求 参数: body: 要发送的数据(字符串类型) c. void

前端向后台发送请求有几种方式?

1. link标签的href属性 2. script标签的src属性 3. img标签的src属性 4. ajax发送请求 5. 表单提交发送请求 6. a标签的href发送请求 7. iframe的src属性发送请求

IE浏览器因缓存问题未能成功向后端发送请求的几个解决办法

转自: http://blog.csdn.net/tuzongxun/article/details/51355059 这段时间前后端联调,解决IE.谷歌等浏览器兼容问题,真是让人有点焦头烂额,各种奇葩问题层出不穷,旧问题刚去,新麻烦又来,其中尤其以IE浏览器缓存的问题最多.有若干次都是因为这个缓存,使得前端的请求没有实际到达后台,造成304状态码. 经过前端同事和我的各种尝试,发现有三四种办法可以针对不同的情况解决这个问题. 方法一: 在网上一搜“html设置不缓存”就会看到大部分的答案都是这

java后台发送请求并获取返回值(续)

在java后端发送请求给另一个平台,从而给前端实现 "透传"的过程中,出现:数据请求到了并传到了前端,但是控制台打印时中文显示Unicode码而前端界面中中文显示不出来!!!开始怀疑是编码格式或透传过程中处理的问题,将编码格式进行了设置并查资料了解了一下透传过程中代码的处理方法,虽然最后发现是前后端定义的json串的属性名称不一致导致(后端传输数据中属性名label写成了lable...),但在此还是记录一下"透传"处理过程中处理数据流的三种方式. 主要是介绍经常用

学习-【前端】-angularjs基本框架以及向服务器发送请求的方法

昨天写了个跨域的东西,自己琢磨了下,想到这种方式正好也是之前想的混合app如何交互服务器的解决办法.心里还是蛮开心的.今天又花时间把前端客户端部分的框架做了出来,整合的思路是参照node社区移动端的设计方案,把所有controllers和所有services放到一起,不过请求数据未用$resource也没有用原生的$http,而是使用了restangular,用完这个再把配置文件单独整合到一个文件夹里.整个框架看起来都十分的整洁了. 先给个结构图: 因为是由产品驱动的架构,所以最开始没有使用bo

向后端请求数据 以及像后端发送数据要求(删除数据和添加数据)

删除数据和添加数据只能后端操作 删除数据和添加数据都要用到的html(一)部分 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="../css/bootstrap.min.css"

使用python的requests 发送multipart/form-data 请求

网上关于使用python 的发送multipart/form-data的方法,多半是采用 ulrlib2 的模拟post方法,如下: import urllib2 boundary='-------------------------7df3069603d6' data=[] data.append('--%s' % boundary) data.append('Content-Disposition: form-data; name="app_id"\r\n') data.appen