如何使用Axios发送GET请求与POST请求?使用代码举例说明
时间: 2024-11-04 08:14:36 浏览: 45
使用axios请求时,发送formData请求的示例
5星 · 资源好评率100%
Axios是一个流行的JavaScript库,用于处理HTTP请求。以下是使用Axios发送GET和POST请求的基本示例:
### 发送GET请求
```javascript
import axios from 'axios';
// 发送GET请求
axios.get('https://api.example.com/data')
.then(response => {
console.log(response.data); // 状态码200且成功时,打印响应数据
// 对响应进行进一步操作
})
.catch(error => {
console.error('Error occurred:', error);
});
```
这里的`axios.get()`接受URL,然后返回一个Promise。当请求成功时,`.then()`回调会被调用,你可以在其中访问到响应的数据;如果请求失败,`.catch()`回调将处理错误。
### 发送POST请求
```javascript
axios.post('https://api.example.com/register', {
username: 'john',
password: 'doe'
})
.then(response => {
console.log(response.data); // 打印注册结果
})
.catch(error => {
console.error('Error occurred:', error);
});
```
在这个例子中,我们使用`axios.post()`方法,第二个参数是要发送的JSON数据。同样,成功后打印响应数据,出错则捕获错误。
注意:在实际应用中,可能会需要设置头信息、携带token、处理自定义拦截器等,这取决于API的具体需求。
阅读全文