JQuery Ajax中Promise机制实例讲解

前言

在研究JQuery Ajax 发现了其实在JQuery 1.5 之后有Promise 的机制，所以整理了一下 。

内文

在jQuery 1.5前，$.ajax()呼叫的程式如下：

$.ajax({
      url : targetFewSourceCodeUrl,
      method : "GET",
      success : function(sourceCodeDetail) {

           loadTargetSuccess = true;
           renderStickyWindowAndSyntaxhighlight();
      },
       error : function() {
           loadTargetSuccess = false;
      }
});

但是在jQuery 1.5 之后就有下面这些写法

var promise = $.ajax({
    url : targetFewSourceCodeUrl,
    method : "GET"
})

promise.done(SuccessMethod);
promise.fail(FailMethod);

或是串连写法(chain)

$.ajax({
     url : targetFewSourceCodeUrl,
     method : "GET"
})
.done(SuccessMethod)
.fail(FailMethod);

或是更精简的把done跟fail 一起使用的then

var promise = $.ajax({
      url : targetFewSourceCodeUrl,
      method : "GET"
})
promise.then(SuccessMethod, FailMethod);