HTML导入并使用Axios
在HTML中使用Axios，首先需要通过<script>标签引入Axios库。可以从CDN引入，也可以从本地文件系统引入。以下是通过CDN引入Axios的示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Axios Example</title>
<!-- 引入Axios -->
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
<script>
// 使用Axios发送GET请求
axios.get('https://api.example.com/data')
.then(response => {
console.log(response.data); // 处理响应数据
})
.catch(error => {
console.error(error); // 处理错误情况
});
</script>
</body>
</html>在上述代码中，我们通过在<head>部分添加一个指向Axios CDN的<script>标签来引入Axios。然后在<body>的<script>标签中，我们使用Axios发送了一个GET请求到指定的URL，并在.then()回调中处理响应数据，在.catch()回调中处理可能发生的错误。
评论已关闭