导航菜单
路很长,又很短
博主信息
昵   称:Cocodroid ->关于我
Q     Q:2531075716
博文数:356
阅读量:1648265
访问量:205641
至今:
×
云标签 标签球>>
云标签 - Su的技术博客
博文->>首页 博主的更多博文>>
axios POST提交数据的三种请求方式写法
Tags : axios,POST,表单发表时间: 2021-10-23 23:25:10

1、Content-Type: application/json

import axios from 'axios' let data = {"code":"1234","name":"yyyy"}; axios.post(`${this.$url}/test/testRequest`,data) .then(res=>{ console.log('res=>',res); })

2、Content-Type: multipart/form-data

import axios from 'axios' let data = new FormData(); data.append('code','1234'); data.append('name','yyyy'); axios.post(`${this.$url}/test/testRequest`,data) .then(res=>{ console.log('res=>',res); })

3、Content-Type: application/x-www-form-urlencoded

而在使用POST时对应的传参使用的是datadata是作为请求体发送的,同样使用这种形式的还有PUT,PATCH等请求方式。有一点需要注意的是,axiosPOST的默认请求体类型为Content-Type:application/json(JSON规范流行),这也是最常见的请求体类型,也就是说使用的是序列化后的json格式字符串来传递参数,如:{ "name" : "mike", "sex" : "male" };同时,后台必须要以支持@RequestBody的形式接收参数,否则会出现前台传参正确,后台接收不到的情况。 如果想要设置类型为Content-Type:application/x-www-form-urlencoded(浏览器原生支持),可以用qs这个库来格式化数据。默认情况下在安装完axios后就可以使用qs库。

import axios from 'axios' import qs from 'Qs' let data = {"code":"1234","name":"yyyy"}; axios.post(`${this.$url}/test/testRequest`,qs.stringify({ data })) .then(res=>{ console.log('res=>',res); })


打赏
打赏
关注公众号
公众号
类别:Web前端| 阅读(114)| 赞 (0)
上一篇 : 升级需谨慎,开发两行泪!——记一次MySQL驱动包升级引
下一篇: Hadoop技术内幕的作者介绍
评论
暂无评论!
发表评论
昵  称:

验证码:

内  容:

    同时赞一个 赞

推荐文章