axios数据响应处理之方式与处理

# 1. 介绍axios的基础概念

- 1.1 什么是axios？
- 1.2 axios的优点和特点
- 1.3 如何在项目中集成axios

# 2. 发送请求与处理响应

### 2.1 使用axios发送GET请求
在这一部分，我们将介绍如何使用axios发送GET请求，并处理从服务器返回的数据。

import axios

url = 'https://api.example.com/data'
response = axios.get(url)

if response.status_code == 200:
    data = response.json()
    print(data)
else:
    print('请求失败：', response.status_code)

**代码总结：**
- 使用`axios.get()`方法发送GET请求
- 通过`response.status_code`判断请求是否成功
- 使用`response.json()`解析返回的JSON数据

**结果说明：**
如果请求成功，会打印服务器返回的数据；如果请求失败，则会打印失败信息和状态码。

### 2.2 使用axios发送POST请求
接下来，我们看看如何使用axios发送POST请求，并处理服务器返回的数据。

import axios

url = 'https://api.example.com/post_data'
data = {'key': 'value'}
response = axios.post(url, data=data)

if response.status_code == 201:
    print('数据提交成功！')
else:
    print('数据提交失败：', response.status_code)

**代码总结：**
- 使用`axios.post()`方法发送POST请求
- 通过`response.status_code`判断请求是否成功
- 无需解析返回数据，根据状态码判断提交是否成功

**结果说明：**
根据服务器返回的状态码判断数据提交是否成功，并做出相应提示。

# 3. 常见的数据响应处理方式

在使用axios处理数据响应时，我们经常会遇到不同类型的数据格式，如JSON数据、FormData数据以及文件上传和下载等。本章将详细介绍如何处理这些常见的数据响应方式。

#### 3.1 JSON数据的处理

当服务器返回的数据是JSON格式时，我们可以通过axios的`then`方法来处理响应数据。以下是一个使用axios处理JSON数据的示例代码：

axios.get('https://api.example.com/data')
    .then(response => {
        // 打印响应数据
        console.log(response.data);
    })
    .catch(error => {
        // 错误处理
        console.error(error);
    });

**代码说明**：
- 发送GET请求至`https://api.example.com/data`
- 使用`then`方法处理成功的响应数据，通过`response.data`获取数据
- 使用`catch`方法处理请求过程中的错误

**结果说明**：
- 当请求成功时，会打印响应数据到控制台
- 当请求失败时，会打印错误信息到控制台

#### 3.2 处理FormData数据

如果需要发送FormData格式的数据到服务器，可以使用axios的`post`方法，并将FormData对象作为参数传入。以下是一个使用axios处理FormData数据的示例代码：

const formData = new FormData();
formData.append('username', 'john_doe');
formData.append('email', 'john_doe@example.com');

axios.post('https://api.example.com/formdata', formData)
    .then(response => {
        console.log(response.data);
    })
    .catch(error => {
        console.error(error);
    });

**代码说明**：
- 创建一个FormData对象，并添加键值对数据
- 使用`axios.post`方法发送POST请求，并传入FormData对象
- 使用`then`方法处理成功的响应数据，通过`response.data`获取数据
- 使用`catch`方法处理请求过程中的错误

**结果说明**：
- 当请求成功时，会打印响应数据到控制台
- 当请求失败时，