html引入并使用axios
warning:
这篇文章距离上次修改已过203天,其中的内容可能已经有所变动。
要在HTML中引入并使用axios,你可以通过CDN链接在HTML文件中直接添加一个<script>
标签来引入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(function (response) {
// 处理响应数据
console.log(response.data);
})
.catch(function (error) {
// 处理错误情况
console.log(error);
});
</script>
</body>
</html>
在这个例子中,我们通过CDN链接在<head>
部分引入了axios。然后在<script>
标签内使用axios发送了一个GET请求到'https://api.example.com/data'。请求成功会在控制台输出响应数据,失败则会输出错误信息。
评论已关闭