ajxa和axios的区别

Posted on 2019-07-30 23:12 钢之炼金术师 阅读(...) 评论(...) 编辑 收藏

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();
   })
  },
}