使用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 相关文章推荐
window.addeventjs事件驱动函数集合addEvent等
Feb 19 Javascript
javascript写的一个链表实现代码
Oct 25 Javascript
JQuery动态创建DOM、表单元素的实现代码
Aug 09 Javascript
datagrid框架的删除添加与修改
Apr 08 Javascript
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
Jun 14 Javascript
jQuery滚动条插件nanoscroller使用指南
Apr 21 Javascript
jquery validate demo 基础
Oct 29 Javascript
将json转换成struts参数的方法
Nov 08 Javascript
Vue使用vue-cli创建项目
Sep 01 Javascript
JavaScript继承定义与用法实践分析
May 28 Javascript
Jquery滑动门/tab切换实现方法完整示例
Jun 05 jQuery
JS数据类型判断的几种常用方法
Jul 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
php创建多级目录代码
2008/06/05 PHP
php利用新浪接口查询ip获取地理位置示例
2014/01/20 PHP
实例讲解PHP设计模式编程中的简单工厂模式
2016/02/29 PHP
ThinkPHP表单令牌错误的相关解决方法分析
2016/05/20 PHP
PHP 将数组打乱 shuffle函数的用法及简单实例
2016/06/17 PHP
阿里云的WindowsServer2016上部署php+apache
2018/07/17 PHP
小程序微信支付功能配置方法示例详解【基于thinkPHP】
2019/05/05 PHP
PHP论坛实现积分系统的思路代码详解
2020/06/01 PHP
JS 的应用开发初探(mootools)
2009/12/19 Javascript
高效的表格行背景隔行变色及选定高亮的JS代码
2010/12/04 Javascript
javascript动态判断html元素并执行不同的操作
2014/06/16 Javascript
Javascript 中创建自定义对象的方法汇总
2014/12/04 Javascript
jQuery实现带动画效果的二级下拉导航方法
2015/03/11 Javascript
js检测判断日期大于多少天的方法
2015/05/04 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
2016/01/14 Javascript
使用jquery.qrcode.js生成二维码插件
2016/10/17 Javascript
swiper自定义分页器使用方法详解
2020/09/14 Javascript
使用Vue实现移动端左滑删除效果附源码
2019/05/16 Javascript
微信小程序wepy框架学习和使用心得详解
2019/05/24 Javascript
使用localStorage替代cookie做本地存储
2019/09/25 Javascript
Vue可自定义tab组件用法实例
2019/10/24 Javascript
JS 图片压缩原理与实现方法详解
2020/04/29 Javascript
vue组件实现移动端九宫格转盘抽奖
2020/10/16 Javascript
如何在面试中手写出javascript节流和防抖函数
2020/10/22 Javascript
python中执行shell的两种方法总结
2017/01/10 Python
Django实现自定义404,500页面教程
2017/03/26 Python
Python random库使用方法及异常处理方案
2020/03/02 Python
Python模拟登录requests.Session应用详解
2020/11/17 Python
使用HTML5 IndexDB存储图像和文件的示例
2018/11/05 HTML / CSS
缅甸网上购物:Shop.com.mm
2017/12/05 全球购物
个人能力自我鉴赏
2014/01/25 职场文书
文明村镇申报材料
2014/05/06 职场文书
2014年平安建设工作总结
2014/11/19 职场文书
八达岭长城导游词
2015/01/30 职场文书
2015年反洗钱工作总结
2015/04/25 职场文书
2016年学校“6﹒26国际禁毒日”宣传活动总结
2016/04/05 职场文书