使用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 相关文章推荐
jQuery EasyUI NumberBox(数字框)的用法
Jul 08 Javascript
火狐下table中创建form导致两个table之间出现空白
Sep 02 Javascript
jquery 日期控件datepicker属性详细解析
Nov 08 Javascript
js快速排序的实现代码
Dec 08 Javascript
探讨js字符串数组拼接的性能问题
Oct 11 Javascript
JS实现的数组全排列输出算法
Mar 19 Javascript
swiper插件自定义切换箭头按钮
Dec 28 Javascript
javascript实现简易聊天室
Jul 12 Javascript
vue.js循环radio的实例
Nov 07 Javascript
深入理解Antd-Select组件的用法
Feb 25 Javascript
Jquery使用each函数实现遍历及数组处理
Jul 14 jQuery
ant-design-vue 时间选择器赋值默认时间的操作
Oct 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连接mssql:pdo odbc sql server
2011/07/20 PHP
比较完整的微信开发php代码
2016/08/02 PHP
jquery 弹出登录窗口实现代码
2009/12/24 Javascript
js 创建书签小工具之理论
2011/02/25 Javascript
JavaScript正则表达式中的ignoreCase属性使用详解
2015/06/16 Javascript
JS设置下拉列表框当前所选值的方法
2015/12/22 Javascript
JQuery中attr属性和jQuery.data()学习笔记【必看】
2016/05/18 Javascript
BootStrap智能表单demo示例详解
2016/06/13 Javascript
AngularJS利用Controller完成URL跳转
2016/08/09 Javascript
AngularJS 依赖注入详解及示例代码
2016/08/17 Javascript
基于jQuery实现顶部导航栏功能
2016/12/27 Javascript
JavaScript中最常用的10种代码简写技巧总结
2017/06/28 Javascript
浅谈webpack编译vue项目生成的代码探索
2017/12/11 Javascript
js实现图片上传并预览功能
2018/08/06 Javascript
微信小程序第三方框架对比 之 wepy / mpvue / taro
2019/04/10 Javascript
原生js实现贪吃蛇游戏
2020/10/26 Javascript
Python使用设计模式中的责任链模式与迭代器模式的示例
2016/03/02 Python
Python 爬虫学习笔记之多线程爬虫
2016/09/21 Python
python从入门到精通 windows安装python图文教程
2019/05/18 Python
Python人工智能之路 jieba gensim 最好别分家之最简单的相似度实现
2019/08/13 Python
matplotlib实现显示伪彩色图像及色度条
2019/12/07 Python
详解Python流程控制语句
2020/10/28 Python
HTML5注册页面示例代码
2014/03/27 HTML / CSS
C#笔试题和英文面试题
2013/02/07 面试题
上班早退检讨书
2014/01/09 职场文书
幼儿园美术教学反思
2014/01/31 职场文书
医学生毕业自我鉴定
2014/03/26 职场文书
小学优秀班干部事迹材料
2014/05/25 职场文书
市级绿色学校申报材料
2014/08/25 职场文书
2014企业领导班子四风对照检查材料思想汇报
2014/09/17 职场文书
教师三严三实对照检查材料
2014/09/25 职场文书
企业法人授权委托书
2014/09/25 职场文书
淮海战役观后感
2015/06/11 职场文书
Nginx配置https原理及实现过程详解
2021/03/31 Servers
利用JavaScript写一个简单计算器
2021/11/27 Javascript
使用python绘制横竖条形图
2022/04/21 Python