如何使用Axios发送POST和GET请求时传入单个或多个参数?
时间: 2024-11-27 14:22:33 浏览: 0
使用axios请求时,发送formData请求的示例
5星 · 资源好评率100%
Axios是一个流行的JavaScript库,用于浏览器和Node.js环境中的HTTP请求。以下是发送POST和GET请求并传递参数的基本步骤:
### 发送GET请求
```javascript
axios.get('https://api.example.com/data', {
params: { key1: 'value1', key2: 'value2' } // 对于查询字符串形式的参数
}).then(response => {
console.log(response.data);
}).catch(error => {
console.error(error);
});
```
如果你想动态添加参数,可以创建一个对象:
```javascript
let queryParams = { dynamicKey: 'dynamicValue' };
axios.get('https://api.example.com/data', { params: queryParams })
```
### 发送POST请求
对于POST请求,通常需要在`data`属性中包含参数数据:
```javascript
axios.post('https://api.example.com/submit', {
name: 'John Doe',
email: 'john.doe@example.com'
}).then(response => {
console.log(response.data);
}).catch(error => {
console.error(error);
});
```
如果你的数据需要序列化(如JSON),可以在`data`中直接提供:
```javascript
axios.post('https://api.example.com/submit', JSON.stringify({ ... }), {
headers: {'Content-Type': 'application/json'}
})
```
注意这里的`headers`部分,如果数据不是纯文本,你需要指定正确的`Content-Type`。
阅读全文