用axios 写一个发送请求和处理响应分开的程序
时间: 2023-03-19 17:21:58 浏览: 54
好的,以下是用axios写一个发送请求和处理响应分开的程序的示例代码。
```javascript
// 引入axios库
const axios = require('axios');
// 发送请求的函数
async function sendRequest(url, method, data) {
try {
const response = await axios({
method: method,
url: url,
data: data,
});
return response.data;
} catch (error) {
console.error(error);
return null;
}
}
// 处理响应的函数
function handleResponse(data) {
if (data) {
// 在这里对响应数据进行处理
console.log(data);
} else {
console.error('请求失败');
}
}
// 调用发送请求和处理响应的函数
const url = 'https://jsonplaceholder.typicode.com/todos/1';
const method = 'get';
const data = null;
sendRequest(url, method, data)
.then(handleResponse)
.catch((error) => console.error(error));
```
这段代码中,`sendRequest` 函数用于发送请求,接收三个参数:请求的URL、请求方法和请求数据。使用`axios`库发送请求后,返回响应数据。如果请求失败,则输出错误信息。
`handleResponse`函数用于处理响应数据,接收一个参数:响应数据。在这里我们只是简单地输出响应数据,但你可以根据需要来对响应数据进行处理。
最后,我们调用`sendRequest`和`handleResponse`函数,并传入URL、请求方法和请求数据。如果请求成功,响应数据会被传入`handleResponse`函数进行处理。如果请求失败,则会输出错误信息。