使用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 相关文章推荐
禁止F5等快捷键的JS代码
Mar 06 Javascript
jquery validation插件表单验证的一个例子
Mar 03 Javascript
JS对话框_JS模态对话框showModalDialog用法总结
Jan 11 Javascript
javascript中parseInt()函数的定义和用法分析
Dec 20 Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 Javascript
老生常谈JavaScript 正则表达式语法
Aug 20 Javascript
jquery与js实现全选功能的区别
Jun 11 jQuery
vue2.0安装style/css loader的方法
Mar 14 Javascript
vue组件中的样式属性scoped实例详解
Oct 30 Javascript
微信小程序canvas.drawImage完全显示图片问题的解决
Nov 30 Javascript
JS删除对象中某一属性案例详解
Sep 08 Javascript
vue实现顶部菜单栏
Nov 08 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邮件专题
2006/10/09 PHP
Zend Studio 实用快捷键一览表(精心整理)
2013/08/10 PHP
实现WordPress主题侧边栏切换功能的PHP脚本详解
2015/12/14 PHP
js 调整select 位置的函数
2008/02/21 Javascript
基于jquery打造的百分比动态色彩条插件
2012/09/19 Javascript
js函数的延迟加载实现代码
2012/10/11 Javascript
javascript中encodeURI和decodeURI方法使用介绍
2013/05/06 Javascript
JS实现的一个简单的Autocomplete自动完成例子
2014/04/16 Javascript
jQuery通过扩展实现抖动效果的方法
2015/03/11 Javascript
js两种拼接字符串的简单方法(必看)
2016/09/02 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
2017/12/26 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
2019/04/30 Javascript
pm2发布node配置文件ecosystem.json详解
2019/05/15 Javascript
js中script的上下放置区别,Dom的增删改创建操作实例分析
2019/12/16 Javascript
JavaScript实现Excel表格效果
2020/02/07 Javascript
[54:08]LGD女子刀塔学院 DOTA2炼金术士教学
2014/01/09 DOTA
详解python单元测试框架unittest
2018/07/02 Python
用python生成1000个txt文件的方法
2018/10/25 Python
python将txt等文件中的数据读为numpy数组的方法
2018/12/22 Python
python调用c++ ctype list传数组或者返回数组的方法
2019/02/13 Python
浅谈Python中的模块
2020/06/10 Python
英国家喻户晓的家居商店:The Range
2019/03/25 全球购物
交通专业个人自荐信格式
2013/09/23 职场文书
读书心得体会
2013/12/28 职场文书
计算机专业毕业生自荐信
2013/12/31 职场文书
护理专业毕业生自荐信范文
2014/01/05 职场文书
一夜的工作教学反思
2014/02/08 职场文书
公司授权委托书格式范文
2014/10/02 职场文书
公民授权委托书
2014/10/15 职场文书
2015年毕业实习工作总结
2015/05/29 职场文书
回复函范文
2015/07/14 职场文书
升学宴学生致辞
2015/07/27 职场文书
2016秋季校长开学典礼致辞
2015/11/26 职场文书
初中生入团申请书范文(五篇)
2019/10/16 职场文书
Go语言空白表示符_的实例用法
2021/07/04 Golang
MySQL悲观锁与乐观锁的实现方案
2021/11/02 MySQL