html引入axios.js并使用
时间: 2024-09-07 16:05:01 浏览: 46
axios.js或axios.min.js下载
`axios.js` 是一个基于 Promise 的 HTTP 客户端,用于浏览器和 node.js。在 HTML 中引入并使用 `axios.js` 一般遵循以下步骤:
1. **引入 axios.js 文件:** 你可以通过 CDN 引入 `axios.js`,也可以下载文件到本地后引入。通过 CDN 引入是最简单的方式,例如使用 unpkg 的 CDN 链接:
```html
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
```
2. **使用 axios 进行 HTTP 请求:** 引入成功后,你可以在页面中使用 `axios` 这个全局变量。以下是发起一个 GET 请求的例子:
```html
<script>
// 确保 axios 已经加载完成
document.addEventListener('DOMContentLoaded', function() {
axios.get('https://api.example.com/data')
.then(function (response) {
// 处理响应数据
console.log(response.data);
})
.catch(function (error) {
// 处理错误情况
console.error(error);
});
});
</script>
```
在上述代码中,我们使用 `document.addEventListener` 确保在 DOM 完全加载之后再执行 `axios` 的调用。这是因为如果 DOM 还没有完全加载,那么 `axios` 调用可能无法找到预期的元素。
阅读全文