怎么在html中使用axios
时间: 2023-11-16 12:05:01 浏览: 529
在vue组件中使用axios的方法
5星 · 资源好评率100%
要在 HTML 中使用 axios,您需要通过 script 标签从 CDN 中引入 axios 库。您可以在 HTML 的 head 部分添加以下代码来引入 axios:
```html
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
```
一旦您引入了 axios,您可以在您的 JavaScript 代码中使用 axios 对象来发送 HTTP 请求。例如,以下代码使用 axios 发送 GET 请求:
```html
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
axios.get('https://jsonplaceholder.typicode.com/todos/1')
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
</script>
```
在这个例子中,我们引入了 axios 库并使用 axios.get 方法发送了一个 GET 请求。然后,我们使用 Promise 的 then 和 catch 方法来处理响应和错误。
阅读全文