zoukankan      html  css  js  c++  java
  • 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();
       })
      },
    }

  • 相关阅读:
    服务器&域名那些事儿
    原生js实现简单打字机效果
    Mac OS X 11以上系统的Rootless机制问题
    用hexo书写github.io博客 学习心得 教程
    冒泡排序
    选择排序
    TCP三次握手和四次挥手
    常见HTTP状态码
    JSONP
    前端缓存(cookies、localStorage、sessionStorage)
  • 原文地址:https://www.cnblogs.com/lishixiang-007/p/11273419.html
Copyright © 2011-2022 走看看