当前位置： 移动技术网 > IT编程>网页制作>CSS > JQuery Ajax中Promise机制实例讲解

JQuery Ajax中Promise机制实例讲解

2018年03月22日  | 移动技术网IT编程  | 我要评论

前言

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网