Skip to content

Files

Latest commit

3f3f0a0 · Jan 16, 2018

History

History

AJAX-进阶

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
Jan 16, 2018
Jan 16, 2018
Jan 16, 2018
Jan 16, 2018
Jan 16, 2018

AJAX-进阶

  1. 首先回顾下 window.jQuery

  2. 将 AJAX-基础 的代码进行封装,封装为 window.jQuery.ajax,代码地址

  3. 将封装的 window.jQuery.ajax 进行代码优化(给参数命名)。由于传入参数过多,将其参数设置为有结构的数据 ==> 对象,代码地址

  4. 实现传入不定个参数的优化。既可以传入一个对象,也可以传入 url + 对象。代码地址。此时由于要使用 arguments ,所以不能使用箭头函数。

  5. 优化代码,使用 ES6 解构赋值达到优化代码的目的,并增加 request.setRequestHeader() 功能。代码地址

  6. 如果不实现传入不定个参数,还可以进一步使用 ES6 解构赋值优化。代码地址

  7. 使用 Promise 规范进行优化,return new Promise(function(resolve,reject){}),成功 === 调用 resolve,失败 === 调用 reject,之后在调用时使用 .then 方法。代码地址

  8. Promise 实现原理

    window.Promise = function(fn){
      // ......
       return {
            then: function(){}
       }
    }