axios post 提交数据的几种方式

3 篇文章 0 订阅
2 篇文章 0 订阅

axios中post请求在与后台交互时,在请求头‘Content-Type’ 定义的提交数据类型有几种方式,如下:

this.axios({
           url:"http://127.0.0.1:3000/getData",
           method:"post",
           data:params,
           header: {
           		'Content-Type': 'application/x-www-form-urlencoded'
           }
       }).then((data)=>{
           console.log(data);
       })
1. ‘Content-Type’:‘application/x-www-form-urlencoded’

这应该是最常见的post编码方式,一般的表单提交默认以此方式提交。大部分服务器语言对这种方式都有很好的支持。在PHP中,可以用$_POST[“key”]的方式获取到key的值,在node中我们可以使用querystring中间件对参数进行分离
在这里插入图片描述
需要转换格式:

app.post("/server",function(req,res){
   req.on("data",function(data){
       let key=querystring.parse(decodeURIComponent(data)).key;
       console.log("querystring:"+key)
   });
});
2. ‘Content-Type’:'multipart/form-data ’

这也是一种比较常见的post数据格式,我们用表单上传文件时,必须使form表单的enctype属性或者ajax的contentType参数等于multipart/form-data。使用这种编码格式时发送到后台的数据长得像这样子 在这里插入图片描述

3. ‘Content-Type’:'application/json ’

在这里插入图片描述

4. ‘Content-Type’:'text/xml ’

很少使用

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值