GitHub官网下载Axios.js步骤

云边的快乐猫

已于 2022-12-30 15:05:03 修改

阅读量6.8k

点赞数 9

CC 4.0 BY-SA版权

分类专栏：软件操作 # JavaWeb 文章标签： javascript axios.js ajax axios下载 GitHub

于 2022-12-28 15:25:19 首次发布

本文链接：https://blog.youkuaiyun.com/m0_52861000/article/details/128467452

软件操作同时被 2 个专栏收录

103 篇文章

订阅专栏

JavaWeb

23 篇文章

订阅专栏

本文详细介绍了如何从GitHub下载Axios库并进行本地安装，随后通过实例演示了如何在HTML文件中使用Axios发送GET和POST请求。此外，还提供了servlet端代码示例以配合客户端请求。

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

前言必读

读者手册（必读）_云边的快乐猫的博客-优快云博客

一、下载步骤

1.进入GitHub官网

GitHub: Let’s build from here · GitHub

ps：进不去的多点几下，慢慢试

2.搜索axios

3.点击这个axios/axios

4.点击压缩包下载

5.解压，进入到dist文件里面就找到了

以下的可以不用看

二、使用方法

6. 在webapp下创建一个js文件夹，然后把axios.js和axios.mim.js文件夹复制到里面

7.在webapp下创建一个html文件，并引入js文件夹中的axios.js文件。再创建两个axios的请求

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--引入的js文件-->
<script src="js/axios.js"></script>

<!--1.get请求-->
<script>
    axios.get("http://localhost:8080/maven_java_war/axioshello?username=zhangsan").then(function (resp) {
        alert(resp.data);
    })

//post请求
    axios.post("http://localhost:8080/maven_java_war/axioshello","username=lisi").then(function (resp) {
        alert(resp.data);
    })
</script>

</body>
</html>

8.请求访问这个servlet代码

package com.project.JavaScript;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;

@WebServlet("/axioshello")
public class axioshello extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        System.out.println("get...");
        //1.接收请求参数
        String username = request.getParameter("username");
        System.out.println(username);
        //2.设置响应的数据
        response.getWriter().write("hello axios");
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        System.out.println("post...");
        this.doGet(request, response);
    }
}

运行结果为：