使用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 相关文章推荐
?牟┛途W扣了一??效果出?? target=
May 27 Javascript
jQuery 动画基础教程
Dec 25 Javascript
Javascript valueOf 使用方法
Dec 28 Javascript
用jquery ajax获取网站Alexa排名的代码
Dec 12 Javascript
js DOM模型操作
Dec 28 Javascript
javascript使用isNaN()函数判断变量是否为数字
Sep 21 Javascript
jQuery基于当前元素进行下一步的遍历
May 20 Javascript
js实现简单的购物车有图有代码
May 26 Javascript
jquery中show()、hide()和toggle()用法实例
Jan 15 Javascript
深入理解ES6之数据解构的用法
Jan 13 Javascript
详解将微信小程序接口Promise化并使用async函数
Aug 05 Javascript
Cordova(ionic)项目实现双击返回键退出应用
Sep 17 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
PHP实现的AES双向加密解密功能示例【128位】
2018/09/03 PHP
网页的标准,IMG不支持onload标签怎么办
2006/06/29 Javascript
Jquery 获得服务器控件值的方法小结
2010/05/11 Javascript
JavaScript的继承的封装介绍
2013/10/15 Javascript
javascript使用window.open提示“已经计划系统关机”的原因
2014/08/15 Javascript
js实现禁止中文输入的方法
2015/01/14 Javascript
使用控制台破解百小度一个月只准改一次名字
2015/08/13 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
2015/12/03 Javascript
Bootstrap 手风琴菜单的实现代码
2017/01/20 Javascript
js实现截图保存图片功能的代码示例
2017/02/16 Javascript
轻松理解JavaScript之AJAX
2017/03/15 Javascript
手把手教你使用vue-cli脚手架(图文解析)
2017/11/08 Javascript
如何使用vuex实现兄弟组件通信
2018/11/02 Javascript
jquery+css实现Tab栏切换的代码实例
2019/05/14 jQuery
python3图片转换二进制存入mysql
2013/12/06 Python
Python中的zipfile模块使用详解
2015/06/25 Python
Python IDE PyCharm的基本快捷键和配置简介
2015/11/04 Python
简单讲解Python编程中namedtuple类的用法
2016/06/21 Python
Python探索之自定义实现线程池
2017/10/27 Python
python web基础之加载静态文件实例
2018/03/20 Python
python+opencv识别图片中的圆形
2020/03/25 Python
PyQt5图形界面播放音乐的实例
2019/06/17 Python
python tkinter库实现气泡屏保和锁屏
2019/07/29 Python
python代码实现逻辑回归logistic原理
2019/08/07 Python
Python 多进程原理及实现
2020/12/21 Python
KIEHL’S科颜氏官方旗舰店:源自美国的顶级护肤品牌
2018/06/07 全球购物
MAC Cosmetics巴西官方网站:M·A·C彩妆
2019/04/18 全球购物
Dogeared官网:在美国手工制作的珠宝
2019/08/24 全球购物
介绍下Java的输入输出流
2014/01/22 面试题
技术总监的工作职责
2013/11/13 职场文书
师范应届毕业生自荐信
2013/11/18 职场文书
高中毕业生登记表自我鉴定范文
2014/03/18 职场文书
租房协议书
2014/09/12 职场文书
2015年学校心理健康教育工作总结
2015/05/11 职场文书
行政处罚决定书
2015/06/24 职场文书
原生JS实现飞机大战小游戏
2021/06/09 Javascript