您现在的位置:首页 >> 前端 >> 内容

JQuery Ajax中Promise机制实例讲解

时间:2018/1/31 13:42:11 点击:

  核心提示:前言在研究JQuery Ajax 发现了其实在JQuery 1.5 之后有Promise 的机制,所以整理了一下 。内文在jQuery 1.5前,$.ajax()呼叫的程式如下:$.ajax({url...

前言

在研究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);

Tags:JQ QU UE ER 
作者:网络 来源:mdsbjdqcom