使用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 相关文章推荐
javascript编程起步(第四课)
Jan 10 Javascript
jquery keypress,keyup,onpropertychange键盘事件
Jun 25 Javascript
js中function()使用方法
Dec 24 Javascript
一个css与js结合的下拉菜单支持主流浏览器
Oct 08 Javascript
JS中call/apply、arguments、undefined/null方法详解
Feb 15 Javascript
JS中this上下文对象使用方式
Oct 09 Javascript
微信公众号菜单配置微信小程序实例详解
Mar 31 Javascript
JavaScript实现数值自动增加动画
Dec 28 Javascript
jQuery获取随机颜色的实例代码
May 21 jQuery
微信小程序获取用户信息及手机号(后端TP5.0)
Sep 12 Javascript
vue elementui 实现搜索栏公共组件封装的实例代码
Jan 20 Javascript
js实现批量删除功能
Aug 27 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中include与require使用方法区别详解
2013/10/19 PHP
php 模拟post_验证页面的返回状态(实例讲解)
2013/10/28 PHP
php文件读取方法实例分析
2015/06/20 PHP
thinkphp诸多限制条件下如何getshell详解
2020/12/09 PHP
CSS(js)限制页面显示的文本字符长度
2012/12/27 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
2015/04/16 Javascript
JavaScript基于setTimeout实现计数的方法
2015/05/08 Javascript
JQuery中基础过滤选择器用法实例分析
2015/05/18 Javascript
浅析javascript中的事件代理
2015/11/06 Javascript
基于JavaScript实现移除(删除)数组中指定元素
2016/01/04 Javascript
js中window.open的参数及注意注意事项
2016/07/06 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
2017/01/22 Javascript
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
2017/04/02 jQuery
微信小程序实现弹出层效果
2020/05/26 Javascript
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
2018/11/06 Javascript
JS实现的小火箭发射动画效果示例
2018/12/08 Javascript
vue-router 2.0 跳转之router.push()用法说明
2020/08/12 Javascript
vue监听键盘事件的相关总结
2021/01/29 Vue.js
[01:11:21]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第三场 3月7日
2021/03/11 DOTA
python遍历文件夹并删除特定格式文件的示例
2014/03/05 Python
Python中optparse模块使用浅析
2015/01/01 Python
对python中Matplotlib的坐标轴的坐标区间的设定实例讲解
2018/05/25 Python
python实现简易数码时钟
2021/02/19 Python
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
对python使用telnet实现弱密码登录的方法详解
2019/01/26 Python
Python greenlet和gevent使用代码示例解析
2020/04/01 Python
解决paramiko执行命令超时的问题
2020/04/16 Python
Araks官网:纽约内衣品牌
2020/10/15 全球购物
大学生自我鉴定范文
2013/12/28 职场文书
实习生的自我评价
2014/01/08 职场文书
高一地理教学反思
2014/01/18 职场文书
教师求职信
2014/06/17 职场文书
实习单位鉴定意见
2015/06/04 职场文书
百年孤独读书笔记
2015/06/29 职场文书
如何使用Tkinter进行窗口的管理与设置
2021/06/30 Python
Spring Boot 使用 Spring-Retry 进行重试框架
2022/04/24 Java/Android