jQuery的deferred对象

    /**
   * 1、普通请求
   **/
   // $.ajax({
   //    url:"a.html",
   //    success: function(data){
   //        console.log(data)
   //        $("#box").html(data)
   //    },
   //    error:function(){
   //        alert("error")
   //    }
   // })

   /**
   * 2、同一操作多回调
   **/
   // $.ajax('a.html')
   // .done(function (data) {
   //    alert("a")
   //    $("#box").html(data)
   // })
   // .fail(function (data) {
   //    console.log("fail")
   // })
   // .done(function (data) {
   //    alert("b")
   //    $("#box").append('done2222')
   // })

   /**
   * 3、多个请求，同一回调
   **/
   // $.when($.ajax('a.html'),$.ajax('b.html'))
   // .done(function (dataA,dataB) {
   //    // for(i in data){
   //    //    console.log(data[i])
   //    // }
   //    console.log("a--",dataA[0])
   //    console.log("b--",dataB[0])
   // })
   // .fail(function (data) {
   //    console.log("error")
   // })

   /**
   * 4、耗时操作; 如何让耗时比较久的请求，按顺序出牌
   **/
   // var wait = function (){
   //    var task = function () {
   //        console.log("wait还没完呢; 假设的耗时请求完毕")
   //    }
   //    setTimeout(task,3000)
   // }
   // $.when(wait())
   // .done(function (data) {
   //    console.log("这是done操作; wait操作，3秒耗时完成了么？？？",data)
   // })
   // .fail(function () { console.log("error") })
   //done方法会立刻执行，wait还没完成，done是得不到回调的。
   //原因是$.when()的参数只能是 deferred 对象
   //所以必须对 wait() 改写

   //改写例子一、
   // var wait = function (delay) {
   //    var task = function () {
   //        $.ajax({
   //            url: 'a.html',
   //            success:function (data) {
   //                console.log("wait",data)
   //            }
   //        })
   //    }
   //    setTimeout(task, 3000)
   //    return delay;
   // }
   // $.when(wait(delay))
   // .done(function (data) {
   //    console.log("成功了么？",data)
   // })
   // .fail(function () { console.log("error") })

   //改写例子二、
   var delay = $.Deferred();
   var wait = function (delay) {
      $.ajax({
          url: 'a.html',
          success:function (data) {
              // console.log("success",data)
              $("#box").append("<p>AAAAAA</p>")
              var task = function () {
                  console.log("task: wait 3秒吧。")
              }
              delay.resolve();//delay对象的执行状态从"未完成"改为"已完成"，从而触发done()方法。
              setTimeout(task,3000)
          }
       })
   }
   $.when(wait(delay))
   .done(function (data) {
      console.log(".done: ",delay)
      console.log(".promise: ",delay.promise())
      $("#box").append("<p>BBBBBB</p>")
   })

   /**
   * 4、执行状态-deferred.resolve()和deferred.reject()
   * deferred.reject()deferred对象的执行状态从"未完成"改为"已失败"，从而触发fail()方法。
   **/

注：整理自阮一峰的网络日志