下载教程来啦！

1、进入GitHub网站，网址在这里：http://github.com

2、去搜索框搜索Axios，得到如下界面：

3、然后选择这里：

会出现如下界面：

4、点击右方的绿色按钮“Code”，然后选择DownLoad ZIP：

5、然后就能够在dist下面的文件夹里面找到我们想要的axios.js文件

注意：github网站是国外网站，可能需要一点点时间缓冲一下，我也是访问了好几次才被允许进入的

应用一下：

结果：

代码：

//AjaxServlet.java

package org.example.web.Ajax;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import java.io.IOException;

@WebServlet("/AjaxServlet")

public class AjaxServlet extends HttpServlet {

    @Override

    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        System.out.println("get...");

        String username=req.getParameter("username");

        System.out.println(username);

        resp.getWriter().write("hello ajax~");

    }

    @Override

    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        System.out.println("post...");

        this.doGet(req,resp);

    }

}


//axios.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>AXIOS</title>

</head>

<body>

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

<script>

    axios({

        method:"get",

        url:"http://localhost:8080/ttCookieLogin_war_exploded/AjaxServlet?username=zhangsan"

    }).then(function(resp){

        alert(resp.data);

    })

    //Post

    axios({

        method:"post",

        url:"http://localhost:8080/ttCookieLogin_war_exploded/AjaxServlet",

        data:"username=zhangsan"

    }).then(function(resp){

        alert(resp.data);

    })

</script>

</body>

</html>

利用axois请求别名的方式将代码优化一下：

//get

axios.get("http://localhost:8080/ttCookieLogin_war_exploded/AjaxServlet?username=zhangsan").then(function(resp){

        alert(resp.data);

    })

//post

axios.post("http://localhost:8080/ttCookieLogin_war_exploded/AjaxServlet","username=zhangsan").then(function(resp){

        alert(resp.data);

    })

果然是没对比没伤害嗷！请求别名的代码明显地比之前的少了许多嘞！

虽然这样说，但是原来的代码确实将各个部分的数据都标注得很清楚欸，只能说是各有利弊吧！

Axios的js文件的下载教程+相关应用的更多相关文章

  1. js文件流下载通用方法

    通常我们会用到文件流下载文件,下面给大家一个通用的文件流下载的js /* *下载文件 * options:{ * url:'', //下载地址 * isNewWinOpen:false,是否新窗口打开 ...

  2. 网页性能优化之异步加载js文件

    一个网页的有很多地方可以进行性能优化,比较常见的一种方式就是异步加载js脚本文件.在谈异步加载之前,先来看看浏览器加载js文件的原理. 浏览器加载 JavaScript 脚本,主要通过<scri ...

  3. 高性能js之js文件的加载与解析

    随着网站的发展,现在的网页已经离不开js,经常一个页面会引入大量的js.那么该如何合理的加载这些js? head标签中引入js文件可能是最常见的一种方式,但是这样会造成一个问题.因为j可以说是浏览器中 ...

  4. js文件上传下载组件

    在Web应用系统开发中,文件上传和下载功能是非常常用的功能,今天来讲一下JavaWeb中的文件上传和下载功能的实现. 先说下要求: PC端全平台支持,要求支持Windows,Mac,Linux 支持所 ...

  5. node.js零基础详细教程(2)：模块化、fs文件操作模块、http创建服务模块

    第二章  建议学习时间4小时  课程共10章 学习方式:详细阅读,并手动实现相关代码 学习目标:此教程将教会大家 安装Node.搭建服务器.express.mysql.mongodb.编写后台业务逻辑 ...

  6. 文件流下载时 axios blob文件大小不正确？

    文件流下载时 js blob文件大小不正确? res.data的字节长度 length blob.size匹配不上.. axio请求里必须修改 responseType: 'blob' 参数, 默认是 ...

  7. React.js 官网入门教程 分离文件 操作无法正常显示HelloWord

    对着React官网的教程练习操作,在做到分离文件练习时,按照官网步骤来却怎么也无法正常显示HelloWord. 经测试,html文件中内容改为: <!DOCTYPE html><ht ...

  8. php大力力 [029节] 做PHP项目如何下载js文件：使用腾讯浏览器把网上案例页面存储到本地

    php大力力 [029节] 做PHP项目如何下载js文件:使用腾讯浏览器把网上案例页面存储到本地 yeah,搞定啦 php大力力 [029节] 做PHP项目如何下载js文件:使用腾讯浏览器把网上案例页 ...

  9. php大力力 [028节] 如何下载js文件，网上一个*.js无法下载啊？？？？？？

    php大力力 [028节] 如何下载js文件,网上一个*.js无法下载啊?????? safari也无法下载 迅雷也无法下载 是不是对方网站服务器的不让下载那个js目录的文件??? 只能调用js函数啊 ...

  10. 网络加速手段之一，JS文件资源合并下载

    有过ftp下载文件经验的人都有体验,单独下载一个100M的文件比分开下载100个1M的文件速度快很多,这是因为下载需要解析域名,建立连接等额外开销的时间,因此下载100个文件就要做100次这种额外的开 ...

随机推荐

  1. 微信字体大小调整导致的H5页面错乱问题处理

    当用户调整微信字体大小时会导致H5页面错乱,解决方案如下: ios:在css中加入-webkit-text-size-adjust: 100% !important;   body {   -webk ...

  2. 【SSO单点系列】（2）：CAS4.0 之 跨域 Ajax 登录实践

    CAS4.0 之 跨域 Ajax 登录实践 一.问题描述 CAS实现单点 实现一处登录 可访问多个应用 . 但是原登录是CAS默认登录页面和登出页面是无法重定向到自定义页面的   此处使用Ajax+I ...

  3. js遍历出数组重复的数据，及重复的个数（简单有效）

    const res={} ["s","s","a"].forEach((key)=>{ if(res[key]){ res[key]+ ...

  4. python菜鸟学习： 9. 文件操作

    # -*- coding: utf-8 -*-import sys, time# 读文件:一次性读取所有内容#r=readf = open("singe.txt", 'r', en ...

  5. UR #3 核聚变反应强度( gcd )

    tags: -分解质因数 , gcd 题目大意 给定\(n\)个数,求\(a_1\)与\(a_i\)次小公约数 分析 易知次小公约数是\(\gcd\)的因数,于是用\(\gcd\)除去它的最小质因子即 ...

  6. ELK收集njinx

    前提:安装elk 1.yum安装nginx 2.修改配置文件 vim /etc/nginx/nginx.conf.d 3.重新启动 nginx -s reload 4.安装压测命令 压测文件 5.写完 ...

  7. WKWebView与JS的交互

    转载:https://www.jianshu.com/p/253e76a74b38 用普通的UIWebView和JS交互 大概核心代码是这样的 - (void)setupWebView{ self.w ...

  8. uniapp 报错 签名不对 请检查签名是否与开放平台上填写的一致

    问题描述 用签名工具 输入包名   获取签名 在微信开放平台申请app 用获取的签名申请 申请成功后  在hbuilderx上云打包apk 分享 报  签名不对  请检查签名是否与开放平台上填写的一致 ...

  9. Transformer_Detection-(DETR) 引入视觉领域的首创DETR (ECCV2020)

    End-to-End Object Detection with Transformers paper: https://link.zhihu.com/?target=https%3A//arxiv. ...

  10. Python+Django(1）——建立项目

    为项目新建一个目录,将其命名为learning_log,再在终端中切换到这个目录(Python 3): 运行模块venv 来创建一个名为ll_env的虚拟环境:python -m venv ll_en ...