位置: IT常识 - 正文

浅谈 JSON 对象和 FormData 相互转换,打通前端与后端的通信血脉(json与对象的区别)

编辑:rootadmin
浅谈 JSON 对象和 FormData 相互转换,打通前端与后端的通信血脉 前言

推荐整理分享浅谈 JSON 对象和 FormData 相互转换,打通前端与后端的通信血脉(json与对象的区别),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:json对象与json字符串的区别,json与对象的区别,json对象是什么类型,json对象和javascript对象,json与对象,json对象和java对象的区别,json对象和java对象的区别,json对象和javascript对象,内容如对您有帮助,希望把文章链接给更多的朋友!

大家都知道,前端在和后台进行交互联调时,肯定避免不了要传递参数,一般情况下,params 在 get 请求中使用,而 post 请求下,我们有两种常见的传参方式: JSON 对象格式和 formData 格式,但是一些场景是需要我们对这两种数据格式进行转换的,例如表单提交,有些是 JSON 对象格式的数据,有些是 FormData 格式的数据,这个时候就需要我们对其进行转换。

常见的 POST 提交数据方式1. application/x-www-form-urlencoded

表单格式提交数据,通过 form 标签的 action 属性,如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据。

2. multipart/form-data

这也是一个常见的 post 数据提交的方式,我们使用表单上传文件时,就要让 form 的 enctype 等于这个值,多用于文件上传。

3. application/json

application/json 这个 Content-Type 作为响应头大家肯定不陌生,客观来说,现在越来越多的人把它作为请求头,用来告诉服务端消息主体是序列化后的 json 字符串。由于 json 规范的流行,除了低版本 IE 之外的各大浏览器都原生支持 JSON.stringify,服务端语言也都有处理 json 的函数,使用 json 不会遇上什么麻烦,并且 json 格式支持比键值对复杂的多的结构化数据。

4. text/xml

相比于 json,xml 不能更好的适用于数据交换,它包含了太多的包装,而且它跟大多数编程语言的数据模型不匹配,xml 是面向数据的,json 是面向对象和结构的。目前多用于 XML 存储数据,存储配置文件等需要结构化存储的地方使用。

JSON 格式和 formData 格式的区别

JSON 请求头:

浅谈 JSON 对象和 FormData 相互转换,打通前端与后端的通信血脉(json与对象的区别)

JSON 负荷:

formData 请求头:

formData 负荷:

通过上面的几张图我们就能大概明白了,前端传的都是二进制数据,两者的 content-type 是不同的,json 我们已经序列化好了,而 formdata 还是需要进行处理。

formdata 的两种格式

multipart/form-data:既可以上传文件等二进制数据,也可以上传表单键值对,只是最后会转化为一条信息;x-www-form-urlencoded:只能上传键值对,并且键值对都是间隔分开的。json 对象转 formData

逐个转换

let obj = { id: "001", name: "小蓝", age: "18", sex: "女",};const formData = new FormData();formData.append("id", obj.id);formData.append("name", obj.name);formData.append("age", obj.age);formData.append("sex", obj.sex);console.log(formData);

所有属性值转换

let obj = { id: "001", name: "小蓝", age: "18", sex: "女",};const formData = new FormData();Object.keys(obj).map((key) => { formData.append(key, obj[key]);});console.log(formData);formData 对象转 jsonvar jsonObj = {};formData.forEach((value, key) => (jsonObj[key] = value));
本文链接地址:https://www.jiuchutong.com/zhishi/298322.html 转载请保留说明!

上一篇:机器学习篇-指标:AUC

下一篇:图片格式转换(File、Blob、base64)(图片格式转换pdf)

  • 投标报名费开什么类别发票
  • 生产工人工资和福利费是产品成本项目对吗
  • 利息收入需要交印花税吗
  • 外商投资企业是民营企业吗
  • 原材料亏损率怎么算
  • 小规模纳税人计提增值税
  • 房地产开发公司取名
  • 计提增值税怎么计提
  • 房租物业费摊销
  • pe市盈率法
  • 无偿赠送材料的会计处理
  • 用银行本票结算材料货款
  • 印花税法律制度规定不征收印花税的是什么
  • 发票上的税额和报税的数不一样,按照哪个报
  • 个人所得税申报错误如何更正申报
  • 企业自行建造的固定资产
  • 银行汇票的背书转让金额
  • 自产自销流程图
  • 企业的利润分配顺序
  • 固定资产出售收入大于净值
  • 专用发票和普通发票的税率
  • 业务招待费不超过销售收入的5‰
  • 固定资产的确认条件有哪些
  • 主营业务收入平均增长率计算公式近两年
  • 银行利息为什么只算10个月
  • win11怎么更改系统日期
  • PHP:apache_reset_timeout()的用法_Apache函数
  • 产品销售账务处理办法
  • 后台管理系统权限管理详解
  • 企业出售房产土地增值税怎么计算
  • 今夕七夕
  • 纳库鲁的念能力
  • php代码检测
  • 不带息票据按面值入账
  • 个人独资企业法律责任
  • php文件怎么写
  • 职工伙食费会计科目
  • 报废机器设备会计分录
  • python标准库在哪个目录
  • 外贸公司美金账户维护费用
  • 如何修改php网页内容
  • 残疾基金出什么科目
  • 缴纳社保记账凭证附件
  • 本年累计金额怎么得到
  • 可视化调参
  • 残疾人就业保障金是什么意思啊
  • 资产处置费用是指单位经批准处置资产时发生的费用
  • 股权转让受让方委托书
  • 工资总额借方和贷方的区别
  • 融资租赁担保余值例题
  • mysqldump定时备份
  • 手工账登账格式
  • 招待客户对公司的重要性
  • 上年计提费用多了,要怎样调
  • 折扣 会计处理
  • 工程材料如何管理
  • 公司车辆做账交增值税吗
  • 银行对账单冲正的单据在财务软件哪里找
  • 挂靠人员社保缴费分录如何做?
  • 代收开票收入怎么做账
  • 成本费用会计科目
  • sql不重复数据个数
  • vista server
  • 键盘和鼠标冲突
  • ulimit命令详解
  • PACKAGER.EXE - PACKAGER是什么进程 有什么用
  • win10自带绘画
  • windows8安装步骤
  • 安装perl模块
  • javascript数组去重代码
  • 简单强悍是哪首歌
  • python利用format方法保留三位小数
  • hbuilderx打包app教程
  • javascript自动化
  • 给shell脚本传参数
  • 湖北电子网上税务怎么交
  • 重庆电子税务局官网登录入口
  • 职称评定专业一览表
  • 厂房房产税2021年税率
  • 审计报告的数据真实性
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设