Axios快速入门

这个人是谁呀

已于 2022-04-29 14:53:58 修改

阅读量1.7k

点赞数

分类专栏：日常记录学习心得文章标签： vue.js elementui javascript

于 2022-04-29 14:36:43 首次发布

本文链接：https://blog.youkuaiyun.com/PeterLee3333/article/details/124494688

版权

日常记录学习心得专栏收录该内容

8 篇文章

订阅专栏

这篇博客介绍了如何在项目中引入Axios库，包括创建js目录、配置HTML文件和使用不同请求方法。通过实例展示了GET和POST请求的使用，并提到了axios的官方文档作为进一步学习的资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.引入axios的js文件

演示一番（当然这个文件是需要自己下载的）

我会事先创建一个在webapp下创建一个js目录，方便管理。

然后在webapp下创建对应的html文件，之后就可以写axios

这里的URL写自己响应的路径

下面我分别用get和post写了，大家依葫芦画瓢就行了

//1.get
<script src="js/axios-0.18.0.js"></script>
<script>
    //1.get
   axios({
       method:"get",
       url:"http://localhost:8080/ajax-demo/axiosServlet?username=zhangsan"
   }).then (function (resp){
       alert(resp.data);
   })
   
//2.post
    axios({
        method:"post",
        url:"http://localhost:8080/ajax-demo/axiosServlet",
        data:"username=zhangsan"
    }).then (function (resp){
        alert(resp.data);
    })

2.使用axios 发送请求，并获取响应结果

下面我放了一个axios官网链接

axios官网

哈哈哈，学到新的内容，又来编辑一番

axios请求方式别名（其实就是简化了上面的写法，只是不方便阅读，上面那个提示了method，data，URL）

//1.1get
    axios.get("http://localhost:8080/ajax-demo/axiosServlet?username=zhangsan").then (function (resp) {
        alert(resp.data);
    })
 //2.1post
    axios.get("http://localhost:8080/ajax-demo/axiosServlet"+"username=zhangsan").then (function (resp) {
        alert(resp.data);
    })