使用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 相关文章推荐
网页里控制图片大小的相关代码
Jun 25 Javascript
Javascript字符串浏览器兼容问题分析
Dec 01 Javascript
javascript制作网页图片上实现下雨效果
Feb 26 Javascript
原生js实现图片轮播特效
Dec 18 Javascript
Jquery调用iframe父页面中的元素及方法
Aug 23 Javascript
js调用屏幕宽度的简单方法
Nov 14 Javascript
提高Web性能的前端优化技巧总结
Feb 27 Javascript
详解angularjs利用ui-route异步加载组件
May 21 Javascript
一步步教你利用Canvas对图片进行处理
Sep 19 Javascript
记录微信小程序 height: calc(xx - xx);无效问题
Dec 30 Javascript
浅析我对JS延迟异步脚本的思考
Oct 12 Javascript
javascript中call,apply,bind的区别详解
Dec 11 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 a simple smtp class
2007/11/26 PHP
php面向对象全攻略 (九)访问类型
2009/09/30 PHP
php 代码优化之经典示例
2011/03/24 PHP
Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 2611816 bytes)
2014/11/08 PHP
PHP错误Warning:mysql_query()解决方法
2015/10/24 PHP
利用php的ob缓存机制实现页面静态化方法
2017/07/09 PHP
PHP后台备份MySQL数据库的源码实例
2019/03/18 PHP
jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)
2012/05/24 Javascript
基于jquery的图片幻灯展示源码
2012/07/15 Javascript
js限制input标签中只能输入中文
2015/06/26 Javascript
一张Web前端的思维导图分享
2015/07/03 Javascript
详解参数传递四种形式
2015/07/21 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
2015/09/15 Javascript
基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)
2016/02/18 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
2016/03/07 Javascript
微信小程序实现登录页云层漂浮的动画效果
2017/05/05 Javascript
jQuery使用ajax_动力节点Java学院整理
2017/07/05 jQuery
JS 音频可视化插件Wavesurfer.js的使用教程
2018/10/31 Javascript
微信小程序的线程架构【推荐】
2019/05/14 Javascript
新手入门带你学习JavaScript引擎运行原理
2019/06/24 Javascript
python返回昨天日期的方法
2015/05/13 Python
python爬虫框架scrapy实战之爬取京东商城进阶篇
2017/04/24 Python
python通过pip更新所有已安装的包实现方法
2017/05/19 Python
解决使用pycharm提交代码时冲突之后文件丢失找回的方法
2018/08/05 Python
Python socket 套接字实现通信详解
2019/08/27 Python
Python列表切片常用操作实例解析
2019/12/16 Python
python实现指定ip端口扫描方式
2019/12/17 Python
Python字典深浅拷贝与循环方式方法详解
2020/02/09 Python
python神经网络编程实现手写数字识别
2020/05/27 Python
Python检测端口IP字符串是否合法
2020/06/05 Python
英国床和浴室商场:Bed & Bath Emporium
2018/05/20 全球购物
办公室秘书自我鉴定
2014/01/18 职场文书
电焊工岗位职责
2014/03/06 职场文书
工厂采购员岗位职责
2014/04/08 职场文书
硕士生找工作求职信
2014/07/05 职场文书
培训班通知
2015/04/25 职场文书