使用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 相关文章推荐
ASP.NET jQuery 实例10 动态修改hyperlink的URL值
Feb 03 Javascript
jQuery筛选器children()案例详解(图文)
Feb 17 Javascript
兼容主流浏览器的JS复制内容到剪贴板
Dec 12 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
Mar 31 Javascript
学习JavaScript正则表达式
Nov 13 Javascript
JS使用post提交的两种方式
Dec 03 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
Aug 01 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
Sep 08 Javascript
Angular-Touch库用法示例
Dec 22 Javascript
js自制图片放大镜功能
Jan 24 Javascript
对angular 监控数据模型变化的事件方法$watch详解
Oct 09 Javascript
vue项目中mock.js的使用及基本用法
May 22 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中的string类型使用说明
2010/07/27 PHP
PHP aes (ecb)解密后乱码问题
2015/06/22 PHP
PHP入门教程之数学运算技巧总结
2016/09/11 PHP
php 生成签名及验证签名详解
2016/10/26 PHP
PHP清除缓存的几种方法总结
2017/09/12 PHP
PHP实现链式操作的三种方法详解
2017/11/16 PHP
PHP receiveMail实现收邮件功能
2018/04/25 PHP
jQuery 性能优化指南 (1)
2009/05/21 Javascript
jQuery 和 CSS 的文本特效插件集锦
2014/12/12 Javascript
JavaScript获取指定元素位置的方法
2015/04/08 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
2020/09/01 Javascript
JavaScript学习笔记之创建对象
2016/03/25 Javascript
jquery延迟对象解析
2016/10/26 Javascript
基于jQuery的左滑出现删除按钮的示例
2017/08/29 jQuery
vue2.0+vue-router构建一个简单的列表页的示例代码
2019/02/13 Javascript
[52:09]2014 DOTA2华西杯精英邀请赛 5 25 NewBee VS DK第二场
2014/05/26 DOTA
python操作mysql中文显示乱码的解决方法
2014/10/11 Python
python实现字符串连接的三种方法及其效率、适用场景详解
2017/01/13 Python
使用python将时间转换为指定的格式方法
2018/11/12 Python
Django 内置权限扩展案例详解
2019/03/04 Python
python 为什么说eval要慎用
2019/03/26 Python
Pyqt5实现英文学习词典
2019/06/24 Python
使用Django实现把两个模型类的数据聚合在一起
2020/03/28 Python
Python图像识别+KNN求解数独的实现
2020/11/13 Python
Clarisonic美国官网:科莱丽声波洁面仪
2017/10/12 全球购物
N.Peal官网:来自伦敦的高档羊绒品牌
2018/10/29 全球购物
一篇.NET面试题
2014/09/29 面试题
计算机维护专业推荐信
2014/02/27 职场文书
英语一分钟演讲稿
2014/04/29 职场文书
物理学专业求职信
2014/07/04 职场文书
习总书记三严三实学习心得体会
2014/10/13 职场文书
2016教师学习教育法心得体会
2016/01/19 职场文书
《圆的面积》教学反思
2016/02/19 职场文书
Python极值整数的边界探讨分析
2021/09/15 Python
使用 Apache Dubbo 实现远程通信(微服务架构)
2022/02/12 Servers
python中Pyqt5使用Qlabel标签播放视频
2022/04/22 Python