使用axios发送post请求,将JSON数据改为form类型的示例


Posted in Javascript onOctober 31, 2019

通常前端通过POST请求向服务器端提交数据格式有4中,分别是"application/x-www-form-urlencoded"格式、" multipart/form-data"格式、"application/json"格式和"text/xml"格式。通常最常见的是"application/json"格式,也就是通过JSON字符串形式。

使用axios发送post请求,将JSON数据改为form类型的示例

在控制台看到的数据就是这样:

使用axios发送post请求,将JSON数据改为form类型的示例

有的时候后台需要Form形式的数据才能正常解析,所以前端需要在传过去时修改一下格式。开始我以为是修改Content-Tyoe属性,于是就

axios.defaults.headers = {
 'Content-type': 'application/x-www-form-urlencoded'
}

设置之后看到请求时的Content-type变成了application/x-www-form格式,但是数据没变。之后找了很久终于找到真正的方法。

第一步:引入axios ps

使用axios发送post请求,将JSON数据改为form类型的示例

第二步:使用qs 转换

使用axios发送post请求,将JSON数据改为form类型的示例

之后看一下请求数据格式就变成了这样:

使用axios发送post请求,将JSON数据改为form类型的示例

以上这篇使用axios发送post请求,将JSON数据改为form类型的示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
dojo 之基础篇(三)之向服务器发送数据
Mar 24 Javascript
javascript 判断数组是否已包含了某个元素的函数
May 30 Javascript
jquery multiSelect 多选下拉框
Jul 09 Javascript
网站接入QQ登录的两种方法
Jul 22 Javascript
Js控制滑轮左右滑动实例
Feb 13 Javascript
javascript判断变量是否有值的方法
Apr 20 Javascript
JavaScript中定义类的方式详解
Jan 07 Javascript
基于vue2实现左滑删除功能
Nov 28 Javascript
JS实现获取数组中最大值或最小值功能示例
Mar 02 Javascript
Vue分页效果与购物车功能
Dec 13 Javascript
jQuery 动画与停止动画效果实例详解
May 19 jQuery
JavaScript中的执行环境和作用域链
Sep 04 Javascript
vue封装可复用组件confirm,并绑定在vue原型上的示例
Oct 31 #Javascript
关于vue表单提交防双/多击的例子
Oct 31 #Javascript
Vuex的实战使用详解
Oct 31 #Javascript
如何在Vue中抽离接口配置文件
Oct 31 #Javascript
vue自定义指令实现仅支持输入数字和浮点型的示例
Oct 30 #Javascript
基于Vue中使用节流Lodash throttle详解
Oct 30 #Javascript
Vue最新防抖方案(必看篇)
Oct 30 #Javascript
You might like
10条PHP编程习惯助你找工作
2008/09/29 PHP
php 图片上添加透明度渐变的效果
2009/06/29 PHP
简单分析ucenter 会员同步登录通信原理
2014/08/25 PHP
PHP实现即时输出、实时输出内容方法
2015/05/27 PHP
配置Nginx+PHP的正确思路与过程
2016/05/10 PHP
PHP实现递归目录的5种方法
2016/10/27 PHP
wordpress网站转移到本地运行测试的方法
2017/03/15 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
javascript AutoScroller 函数类
2009/05/29 Javascript
Jquery CheckBox全选方法代码附js checkbox全选反选代码
2010/06/09 Javascript
Wordpress ThickBox 点击图片显示下一张图的修改方法
2010/12/11 Javascript
关于图片的预加载过程中隐藏未知的
2012/12/19 Javascript
关于javascript event flow 的一个bug详解
2013/09/17 Javascript
使用javascript实现有效时间的控制,并显示将要过期的时间
2014/01/02 Javascript
javascript操作ul中li的方法
2015/05/14 Javascript
ionic实现带字的toggle滑动组件
2016/08/27 Javascript
codeMirror插件使用讲解
2017/01/16 Javascript
Ionic项目中Native Camera的使用方法
2017/06/07 Javascript
详解@angular/cli 改变默认启动端口两种方式
2018/11/29 Javascript
布同 统计英文单词的个数的python代码
2011/03/13 Python
在Python中使用元类的教程
2015/04/28 Python
利用Python自动监控网站并发送邮件告警的方法
2016/08/24 Python
20招让你的Python飞起来!
2016/09/27 Python
Python判断两个list是否是父子集关系的实例
2018/05/04 Python
python TKinter获取文本框内容的方法
2018/10/11 Python
详解python selenium 爬取网易云音乐歌单名
2019/03/28 Python
基于django channel实现websocket的聊天室的方法示例
2019/04/11 Python
python opencv鼠标事件实现画框圈定目标获取坐标信息
2020/04/18 Python
世界最大的私人旅行指南出版商:孤独星球
2016/08/23 全球购物
农村葬礼主持词
2014/03/31 职场文书
投资意向书范本
2014/04/01 职场文书
高校自主招生校长推荐信
2015/03/23 职场文书
超市收银员岗位职责
2015/04/07 职场文书
详解JSON.parse和JSON.stringify用法
2022/02/18 Javascript
Vue+Flask实现图片传输功能
2022/04/01 Vue.js