前端post请求方式传参参数各种格式详解

前端post请求方式传参参数各种格式详解

要以application/x-www-form-urlencoded格式发送数据

const qs = require(‘qs’);
axios.post(‘/foo’, qs.stringify({ ‘bar’: 123 }));

Form data

const FormData = require(‘form-data’);

const form = new FormData();
form.append(‘my_field’, ‘my value’);
form.append(‘my_buffer’, new Buffer(10));
form.append(‘my_file’, fs.createReadStream(‘/foo/bar.jpg’));

axios.post(‘https://example.com’, form, { headers: form.getHeaders() })

application/json

JSON 格式支持比键值对复杂得多的结构化数据
application/json 这个 Content-Type 作为响应头

text/xml

是一种使用 HTTP 作为传输协议,XML 作为编码方式的远程调用规范。
XML-RPC 协议简单、功能够用,各种语言的实现都有。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Axios是一个基于Promise的HTTP客户端,可以用于浏览器和Node.js平台。Axios支持多种请求参数格式,下面列举了常见的请求参数格式: 1. GET请求参数放在URL后面 GET请求参数通常放在URL后面,格式为?key=value。比如: ``` axios.get('/api/user?name=John&age=20') .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); ``` 2. POST请求参数放在请求体中 POST请求参数通常放在请求体中,格式有多种,下面列举了几种常见的格式: (1)application/x-www-form-urlencoded 这是浏览器默认的表单提交方式,参数格式为key1=value1&key2=value2。可以使用qs库将对象序列化为该格式。比如: ``` import qs from 'qs'; axios.post('/api/user', qs.stringify({ name: 'John', age: 20 })) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); ``` (2)application/json 这是常用的JSON格式参数为一个JSON对象。比如: ``` axios.post('/api/user', { name: 'John', age: 20 }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); ``` (3)multipart/form-data 这是用于上传文件的格式参数为一个FormData对象。比如: ``` const formData = new FormData(); formData.append('file', file); axios.post('/api/upload', formData, { headers: { 'Content-Type': 'multipart/form-data' } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); ``` 以上就是Axios不同请求传参的不同格式详解

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值