GitHub官网下载Axios.js步骤

╰半橙微兮° 2023-09-23 20:27 110阅读 0赞

**目录**

前言必读

一、下载步骤

1.进入GitHub官网

2.搜索axios

3.点击这个axios/axios

4.点击压缩包下载

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

二、使用方法

--------------------

## 前言必读 ##

> [读者手册（必读）\_云边的快乐猫的博客-CSDN博客][-CSDN]

## 一、下载步骤 ##

#### 1.进入GitHub官网 ####

[GitHub: Let’s build from here · GitHub][GitHub_ Let_s build from here _ GitHub]

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

#### 2.搜索axios ####

![a5215da91477403aa9e288d058e4ece0.png][]

#### 3.点击这个[axios/axios ][axios_axios] ####

![20b85a571a1a453a94e47ac1c4ffbd1a.png][]

#### 4.点击压缩包下载 ####

![80eaa8647ea140068064f84f57ed2f7a.png][]

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

![7336842d27944d75a9fe6fb99d5df478.png][]

以下的可以不用看

## 二、使用方法 ##

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

![2ab8ab2243894dc6a79d19e96c0af64b.png][]

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

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
    <script src="js/axios.js"></script>
    
    
    <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);
        }
    }

运行结果为：

> get...  
> post...  
> get...  
> zhangsan  
> lisi

ps：这是我上传的链接，可以直接下载使用

> [https://download.csdn.net/download/m0\_52861000/87351507?spm=1001.2014.3001.5503][https_download.csdn.net_download_m0_52861000_87351507_spm_1001.2014.3001.5503]

[-CSDN]: https://blog.csdn.net/m0_52861000/article/details/128148568?spm=1001.2014.3001.5502
[GitHub_ Let_s build from here _ GitHub]: https://github.com/
[a5215da91477403aa9e288d058e4ece0.png]: https://img-blog.csdnimg.cn/a5215da91477403aa9e288d058e4ece0.png
[axios_axios]: https://github.com/axios/axios
[20b85a571a1a453a94e47ac1c4ffbd1a.png]: https://img-blog.csdnimg.cn/20b85a571a1a453a94e47ac1c4ffbd1a.png
[80eaa8647ea140068064f84f57ed2f7a.png]: https://img-blog.csdnimg.cn/80eaa8647ea140068064f84f57ed2f7a.png
[7336842d27944d75a9fe6fb99d5df478.png]: https://img-blog.csdnimg.cn/7336842d27944d75a9fe6fb99d5df478.png
[2ab8ab2243894dc6a79d19e96c0af64b.png]: https://img-blog.csdnimg.cn/2ab8ab2243894dc6a79d19e96c0af64b.png
[https_download.csdn.net_download_m0_52861000_87351507_spm_1001.2014.3001.5503]: https://download.csdn.net/download/m0_52861000/87351507?spm=1001.2014.3001.5503