ajxa和axios的区别
1.axios 原理还是属于 XMLHttpRequest, 因此需要实现一个ajax。 
2.但还会需要一个promise对象来对结果进行处理。
3.ajax实现
var Ajax={
          get: function(url, fn) {
              // XMLHttpRequest对象用于在后台与服务器交换数据
              var xhr = new XMLHttpRequest();
              xhr.open('GET', url, true);
              xhr.onreadystatechange = function() {
                    // readyState == 4说明请求已完成
                    if (xhr.readyState == 4 && xhr.status == 200) {
                          // 从服务器获得数据
                          fn.call(this, xhr.responseText);
                    }
              };
                xhr.send();
          }
    }
axios实现
var Axios = {
          get: function(url) {
              return new Promise((resolve, reject) => {
                  var xhr = new XMLHttpRequest();
                  xhr.open('GET', url, true);
                  xhr.onreadystatechange = function() {
                        // readyState == 4说明请求已完成
                        if (xhr.readyState == 4 && xhr.status == 200) {
                              // 从服务器获得数据
                              resolve(xhr.responseText)
                        }
                    };
                    xhr.send();
               })
          },
    }
ajxa和axios的区别的更多相关文章
- Jquery ajax, Axios, Fetch区别
		
1. Jquery ajax, Axios, Fetch区别之我见 2. ajax.axios.fetch之间的详细区别以及优缺点
 - vue-d2admin-axios异步请求登录,先对比一下Jquery ajax, Axios, Fetch区别
		
先说一下对比吧 Jquery ajax, Axios, Fetch区别之我见 引言 前端技术真是一个发展飞快的领域,我三年前入职的时候只有原生XHR和Jquery ajax,我们还曾被JQuery 1 ...
 - Jquery ajax, Axios, Fetch区别之我见(转载)
		
来源:https://segmentfault.com/a/1190000012836882 引言 前端技术真是一个发展飞快的领域,我三年前入职的时候只有原生XHR和Jquery ajax,我们还曾被 ...
 - vue-resource 和 axios的区别
		
vue-resource Vue.js是数据驱动的,这使得我们并不需要直接操作DOM,如果我们不需要使用jQuery的DOM选择器,就没有必要引入jQuery.vue-resource是Vue.js的 ...
 - Axios源码分析
		
Axios是一个基于promise的HTTP库,可以用在浏览器和node.js中. 文档地址:https://github.com/axios/axios axios理解和使用 1.请求配置 { // ...
 - 三种获取数据的方法fetch和ajax和axios
		
一 .fetch用法 ( 本人比较喜欢fetch,代码精简,虽说目前axios比较流行,但是fetch很多大厂已经开始用fetch开始封装了, 我觉得以后fetch会取代axios和ajax ) 1. ...
 - 基于Servlet的Echarts例子(2018-12-26更新)
		
引子 ECharts是百度出品的,一个使用 JavaScript 实现的开源可视化库.程序员在Web页面上引入并稍作配置就能做出漂亮的数据图表. 本篇文章简单介绍一下如何在JSP中使用Echarts, ...
 - 作业-JSP简单入门
		
说明 本次作业不打分,仅作为大家自学的指导. 本次实验内容以"JSP实验参考文件"为主. 参考资料 Java教学问卷调查,有什么想说的,请尽情投票吧! 反射实验参考文件 JSP实验 ...
 - 【巷子】---fetch---基本使用
		
一.fetch fetch是一种XMLHttpRequest的一种替代方案,在工作当中除了用ajax获取后台数据外我们还可以使用fetch.axios来替代ajax 二.fetch的基本使用 1.np ...
 
随机推荐
- axios用法全解
			
[前言] 本文介绍下axios用法,希望对大家有所帮助 这里声明一句:请求数据一般放置到哪里?详见下篇文章 [主体] (1)下载 npm i axios --save (2)引入axios模块 方式1 ...
 - maven 配置参数详解
			
引自:搬砖工的奋斗史www.cnblogs.com/laobiao/p/5589025.html <project xmlns="http://maven.apache.org/POM ...
 - python 操作目录
			
每天写一点,总有一天我这条咸鱼能变得更咸 python 中对文件及目录的操作基本依赖与os,shutil模块,其中以os模块为主,最主要的几个方法实例如下: 1.判断文件/目录是否存在(os.path ...
 - 面向对象高级B(元类)
			
元类 python一切皆对象,类实际上也是一个一个对象 类是一个对象,那他一定是由一个类实例化得到,这个类就叫元类 如何找元类 class Person: def __init__(self, nam ...
 - CLR Exception 0xE0434F4D和0xE0434352的区别
			
<根据<CLR Exception---E0434352>和<CLR Exception---E0434F4D>这两篇随笔,我们会发现,这两个异常太相似了,除了代码值不一 ...
 - 使用plv8+ shortid npm包构建一个短唯一id服务
			
plv8 是一个很强大的pg 扩展插件,我们可以直接额使用js 增强sql ,shortid 是一个用来生成短连接id 很方便的类库 因为shortid 是一个npm 模块,我们需要使用一种方法使用r ...
 - Layui 必填验证
			
lay-verify="required"
 - K8s中的网络
			
Kubernetes的网络通信问题: 1. 容器间通信: 即同一个Pod内多个容器间通信,通常使用loopback来实现. 2. Pod间通信: K8s要求,Pod和Pod之间通信必须使用Pod-IP ...
 - log4net按级别写到不同文件
			
<?xml version="1.0" encoding="utf-8"?> <configuration> <configSec ...
 - ValueError: Graph disconnected: cannot obtain value for tensor Tensor
			
一般是Input和下面的变量重名了,导致model里面的input变成了第二次出现的Input变量,而不是最开始模型中作为输入的Input变量 改正方法:给第二个变量赋一个新名字即可