axios.post params 传参
时间: 2023-11-03 18:59:56 浏览: 62
axios.post方法的params参数传参方式与get请求的传参方式是不同的。在post请求中,可以使用FormData对象来传递参数。首先在js中使用new FormData()方法创建一个FormData对象,然后通过FormData对象的append方法将参数编译成键值对的形式。示例代码如下:
```
let params = new FormData();
params.append("url", 'csdn.net');
params.append("code", "1234");
axios.post('/csdn/posts', params)
.then(response => {
console.log(response);
})
.catch(error => {
console.log(error);
});
```
以上代码中,通过axios.post方法向指定的URL发送post请求,并将params作为参数传递。params参数是一个FormData对象,其中使用append方法添加了"url"和"code"两个键值对。
相关问题
axios.post怎么传参
axios.post是一个基于Promise的HTTP客户端,用于向服务器发送POST请求。在使用axios.post方法时,可以通过第二个参数config来传递请求参数。config对象包括以下属性:
1. data:要发送的数据,该属性在POST请求中非常重要。
2. params:一个对象,包含要发送到服务器的请求参数,作为URL的一部分发送。
3. headers:要发送的自定义请求头。
4. responseType:表示服务器响应的数据类型。
5. timeout:指定请求超时的毫秒数。
例如:
```
axios.post('/api/user', {
firstName: 'John',
lastName: 'Doe'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
```
上面的例子中,第一个参数是URL地址,第二个参数是要发送到服务器的数据对象,然后使用.then()和.catch()来处理响应和错误。
axios post设置RequestParam传参
在使用 axios 发送 post 请求时,可以通过设置 `data` 属性来传递请求参数。如果需要将参数设置为 RequestParam 形式,可以使用 `qs` 库将参数序列化为字符串,然后将其作为 `data` 属性的值传递。示例代码如下:
```javascript
import axios from 'axios';
import qs from 'qs';
const params = {
name: '张三',
age: 18,
};
axios.post('/api/user', qs.stringify(params))
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
在上面的代码中,`params` 对象包含了需要传递的请求参数,`qs.stringify(params)` 将其序列化为字符串,然后作为 `data` 属性的值传递给了 `axios.post` 方法。