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);