使用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 相关文章推荐
css配合jquery美化 select
Nov 29 Javascript
js日期对象兼容性的处理方法
Jan 28 Javascript
Js控制滑轮左右滑动实例
Feb 13 Javascript
JS+CSS实现Div弹出窗口同时背景变暗的方法
Mar 04 Javascript
JS实现的表格行上下移动操作示例
Aug 03 Javascript
js判断文件格式及大小的简单实例(必看)
Oct 11 Javascript
基于BootStrap multiselect.js实现的下拉框联动效果
Jul 28 Javascript
node.js将MongoDB数据同步到MySQL的步骤
Dec 10 Javascript
angularJs中$http获取后台数据的实例讲解
Aug 08 Javascript
vue watch关于对象内的属性监听
Apr 22 Javascript
微信小程序遍历Echarts图表实现多个饼图
Apr 25 Javascript
Vue中多元素过渡特效的解决方案
Feb 05 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
收音机史话 - 1960年代前后的DIY
2021/03/02 无线电
PHP个人网站架设连环讲(一)
2006/10/09 PHP
攻克CakePHP系列二 表单数据显示
2008/10/22 PHP
php计算两个日期相差天数的方法
2015/03/14 PHP
jQuery ajax cache缓存问题
2010/07/01 Javascript
CSS(js)限制页面显示的文本字符长度
2012/12/27 Javascript
脚本合并提升javascript性能示例
2014/02/24 Javascript
轻松创建nodejs服务器(7):阻塞操作的实现
2014/12/18 NodeJs
js关于命名空间的函数实例
2015/02/05 Javascript
JS实现数字格式千分位相互转换方法
2016/08/01 Javascript
JavaScript严格模式下关于this的几种指向详解
2017/07/12 Javascript
js 客户端打印html 并且去掉页眉、页脚的实例
2017/11/03 Javascript
微信小程序视图控件与bindtap之间的问题的解决
2019/04/08 Javascript
layer.alert回调函数执行关闭弹窗的实例
2019/09/11 Javascript
es6中使用map简化复杂条件判断操作实例详解
2020/02/19 Javascript
Python实现把json格式转换成文本或sql文件
2015/07/10 Python
Python实现从log日志中提取ip的方法【正则提取】
2018/03/31 Python
Python实现微信机器人的方法
2019/09/06 Python
python语言线程标准库threading.local解读总结
2019/11/10 Python
django实现类似触发器的功能
2019/11/15 Python
Python loguru日志库之高效输出控制台日志和日志记录
2020/03/07 Python
python selenium自动化测试框架搭建的方法步骤
2020/06/14 Python
解决django的template中如果无法引用MEDIA_URL问题
2020/04/07 Python
python读取hdfs并返回dataframe教程
2020/06/05 Python
CSS3之transition实现下划线的示例代码
2018/05/30 HTML / CSS
浅谈three.js中的needsUpdate的应用
2012/11/12 HTML / CSS
将HTML5 Canvas的内容保存为图片借助toDataURL实现
2013/05/20 HTML / CSS
澳大利亚制造的蜡烛和扩散器:Glasshouse Fragrances
2018/05/20 全球购物
党员培训思想汇报
2014/01/07 职场文书
运动会方阵口号
2014/06/07 职场文书
教师党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
整改落实情况汇报材料
2014/10/29 职场文书
罗马假日观后感
2015/06/08 职场文书
解决redis sentinel 频繁主备切换的问题
2021/04/12 Redis
tensorflow中的数据类型dtype用法说明
2021/05/26 Python
用Python爬取英雄联盟的皮肤详细示例
2021/12/06 Python