js 只用axios
时间: 2023-10-10 17:05:30 浏览: 61
当使用 JavaScript 编写代码时,可以使用 axios 库来进行基于 Promise 的 HTTP 请求。axios 是一个流行的第三方库,它提供了一种简单而强大的方式来进行 AJAX 请求。
要在项目中使用 axios,首先需要在 HTML 文件中引入 axios 库。可以通过将以下代码添加到 HTML 文件的 `<head>` 或 `<body>` 部分来实现:
```html
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
```
一旦引入了 axios,就可以在 JavaScript 代码中使用它来发送 HTTP 请求。以下是一个简单的示例,展示如何使用 axios 发送 GET 请求并处理响应:
```javascript
// 发送 GET 请求
axios.get('https://api.example.com/data')
.then(function (response) {
// 处理成功响应
console.log(response.data);
})
.catch(function (error) {
// 处理错误
console.error(error);
});
```
上面的代码将发送一个 GET 请求到 `https://api.example.com/data`,并在成功响应时将响应数据打印到控制台。如果出现错误,则将错误信息打印到控制台。
除了 GET 请求之外,axios 还支持其他 HTTP 方法,如 POST、PUT、DELETE 等。可以通过调用对应的方法来发送不同类型的请求。例如:
```javascript
// 发送 POST 请求
axios.post('https://api.example.com/data', { name: 'John Doe' })
.then(function (response) {
// 处理成功响应
console.log(response.data);
})
.catch(function (error) {
// 处理错误
console.error(error);
});
```
上面的代码将发送一个 POST 请求到 `https://api.example.com/data`,并将一个包含 `name` 属性的对象作为请求体发送。
这只是 axios 的基本用法,它还提供了许多其他功能,如设置请求头、处理请求和响应拦截器等。可以查阅 axios 官方文档或其他资源以获取更多信息和示例。
阅读全文