使用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 实例7 通过jQuery来获取DropDownList的Text/Value属性值
Feb 03 Javascript
基于jquery ajax 用户无刷新登录方法详解
Apr 28 Javascript
jquery append()方法与html()方法的区别及使用介绍
Aug 01 Javascript
jquery中ajax使用error调试错误的方法
Feb 08 Javascript
jquery事件绑定解绑机制源码解析
Sep 19 Javascript
jquery实现的回旋滚动效果完整实例【附demo源码下载】
Sep 20 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
Sep 21 Javascript
AngularJS实现与Java Web服务器交互操作示例【附demo源码下载】
Nov 02 Javascript
ThinkPHP+jquery实现“加载更多”功能代码
Mar 11 Javascript
详解.vue文件中style标签的几个标识符
Jul 17 Javascript
基于layui的table插件进行复选框联动功能的实现方法
Sep 19 Javascript
npm qs模块使用详解
Feb 07 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
《Re:从零开始的异世界生活》剧情体验,手游新作定名
2020/04/09 日漫
PHP一些常用的正则表达式字符的一些转换
2008/07/29 PHP
linux使用crontab实现PHP执行计划定时任务
2014/05/10 PHP
PHP批量去除BOM头内容信息代码
2016/03/11 PHP
PHP HTTP 认证实例详解
2016/11/03 PHP
关于laravel-admin ueditor 集成并解决刷新的问题
2019/10/21 PHP
PHP使用gearman进行异步的邮件或短信发送操作详解
2020/02/27 PHP
js实现上传图片之上传前预览图片
2013/03/25 Javascript
js判断鼠标同时离开两个div的思路及代码
2013/05/31 Javascript
JS判断表单输入是否为空(示例代码)
2013/12/23 Javascript
javascript去掉代码里面的注释
2015/07/24 Javascript
详解jQuery中的元素的属性和相关操作
2015/08/14 Javascript
js实现的简单radio背景颜色选择器代码
2015/08/18 Javascript
13个PHP函数超实用
2015/10/21 Javascript
jquery+php实现滚动的数字特效
2015/11/29 Javascript
jquery.cookie实现的客户端购物车操作实例
2015/12/24 Javascript
zTree插件下拉树使用入门教程
2016/04/11 Javascript
JavaScript选取(picking)和反选(rejecting)对象的属性方法
2017/08/16 Javascript
利用pm2部署多个node.js项目的配置教程
2017/10/22 Javascript
vue.js在标签属性中插入变量参数的方法
2018/03/06 Javascript
浅谈vue-cli 3.0.x 初体验
2018/04/11 Javascript
Vue自定义多选组件使用详解
2020/09/08 Javascript
[46:16]2018DOTA2亚洲邀请赛3月30日 小组赛B组 iG VS VP
2018/03/31 DOTA
[01:01:43]EG vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
python 2.7 检测一个网页是否能正常访问的方法
2018/12/26 Python
Python检查ping终端的方法
2019/01/26 Python
python 表格打印代码实例解析
2019/10/12 Python
深入了解python列表(LIST)
2020/06/08 Python
python按顺序重命名文件并分类转移到各个文件夹中的实现代码
2020/07/21 Python
python中如何打包用户自定义模块
2020/09/23 Python
大学生职业生涯规划范文
2013/12/31 职场文书
小学生考试获奖感言
2014/01/30 职场文书
公司经理聘任书
2014/03/29 职场文书
2014年节能工作总结
2014/12/18 职场文书
用python开发一款操作MySQL的小工具
2021/05/12 Python
java协程框架quasar和kotlin中的协程对比分析
2022/02/24 Java/Android