使用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 相关文章推荐
身份证号码前六位所代表的省,市,区, 以及地区编码下载
Apr 12 Javascript
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
Oct 06 Javascript
js继承call()和apply()方法总结
Dec 08 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
Dec 15 Javascript
bootstrap学习笔记之初识bootstrap
Jun 21 Javascript
jQuery中each循环的跳出和结束实例
Aug 16 jQuery
JS解决IOS中拍照图片预览旋转90度BUG的问题
Sep 13 Javascript
react 父组件与子组件之间的值传递的方法
Sep 14 Javascript
JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解
Dec 12 Javascript
vue Element左侧无限级菜单实现
Jun 10 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
Nov 26 Vue.js
JavaScript实现4位随机验证码的生成
Jan 28 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 批量生成html,txt文件的实现代码
2013/06/26 PHP
php解析http获取的json字符串变量总是空白null
2015/03/02 PHP
PHP实现小偷程序实例
2016/10/31 PHP
php实现的二分查找算法示例
2017/06/20 PHP
PHP实现数组的笛卡尔积运算示例
2017/12/15 PHP
PHP chr()函数讲解
2019/02/11 PHP
PHP反射实际应用示例
2019/04/03 PHP
php抽象类和接口知识点整理总结
2019/08/02 PHP
使用jquery.upload.js实现异步上传示例代码
2014/07/29 Javascript
script标签属性用type还是language
2015/01/21 Javascript
简单实现js页面切换功能
2021/01/10 Javascript
JQuery对ASP.NET MVC数据进行更新删除
2016/07/13 Javascript
js中 计算两个日期间的工作日的简单实例
2016/08/08 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
2016/09/01 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
2018/07/28 Javascript
微信小程序methods中定义的方法互相调用的实例代码
2018/08/07 Javascript
vue集成百度UEditor富文本编辑器使用教程
2018/09/21 Javascript
angular 数据绑定之[]和{{}}的区别
2018/09/25 Javascript
nodejs中实现用户注册路由功能
2019/05/20 NodeJs
用Python制作在地图上模拟瘟疫扩散的Gif图
2015/03/31 Python
Python中的一些陷阱与技巧小结
2015/07/10 Python
python中pygame针对游戏窗口的显示方法实例分析(附源码)
2015/11/11 Python
Python中装饰器高级用法详解
2017/12/25 Python
详解Django+Uwsgi+Nginx 实现生产环境部署
2018/11/06 Python
谈谈Python中的while循环语句
2019/03/10 Python
利用Tensorboard绘制网络识别准确率和loss曲线实例
2020/02/15 Python
python实现堆排序的实例讲解
2020/02/21 Python
自动化专业本科毕业生求职信
2013/10/20 职场文书
本科毕业自我鉴定
2014/03/20 职场文书
超市客服工作职责
2014/06/11 职场文书
英语系毕业生求职信
2014/07/13 职场文书
单位作风建设自查报告
2014/10/23 职场文书
创业计划书之家教中心
2019/09/25 职场文书
python爬虫之利用selenium模块自动登录CSDN
2021/04/22 Python
原生JS封装vue Tab切换效果
2021/04/28 Vue.js
解决sql server 数据库,sa用户被锁定的问题
2021/06/11 SQL Server