首页 前端知识 HTML导入并使用Axios

HTML导入并使用Axios

2024-08-12 10:08:09 前端知识 前端哥 805 936 我要收藏

HTML导入并使用Axios

1. axios介绍

Axios 是一个基于 promise 网络请求库,作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。

axios中文网:https://www.axios-http.cn

2. HTML引入 Axios的四种方式

2.1 使用 jsDelivr CDN:

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

2.2 使用 unpkg CDN:

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

2.3 使用Boot CDN

<script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>

2.4 下载 axios.min.js文件然后本地导入:

首先访问axios的GitHub:axios/axios: Promise based HTTP client for the browser and node.js (github.com)

然后下载文件到本地:

在这里插入图片描述

在axios-1.x\dist\esm下找到axios.min.js文件,复制到项目中,然后再html中映入该文件例如:

<script src="./js/axios.min.js"></script>

3. 在HTML中使用

按照 上面的导入后即可在 html中使用axios了,API的具体使用看 axios中文网:https://www.axios-http.cn

使用示例:

<script>
    axios.get('http://localhost:8080').then(res=>{
        console.log(res)
    }).catch(err=>{
        console.log(err)
    })
</script>

注意:需要先在上面导入axios,再在下面使用

转载请注明出处或者链接地址:https://www.qianduange.cn//article/15341.html
标签
chrome
评论
发布的文章

jQuery3 学习手册(三)

2024-08-18 22:08:04

vue和jQuery有什么区别

2024-04-29 11:04:47

推荐项目:jQuery.Gantt

2024-08-18 22:08:37

jQuery UI 秘籍(一)

2024-08-18 22:08:15

jQuery详解

2024-04-29 11:04:38

echarts饼图点击图例问题

2024-08-18 22:08:48

echarts天气折线图

2024-08-18 22:08:46

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!