欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JQuery Ajax中Promise机制实例讲解

程序员文章站 2022-11-27 22:15:02
前言 在研究JQuery Ajax 发现了其实在JQuery 1.5 之后有Promise 的机制,所以整理了一下 。 内文 在jQuery 1.5前,$.ajax()呼叫的...

前言

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