分类导航

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了javascript – 在jquery中延迟链接的条件，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

假设我链接了$.像这样延迟.

$.each(data,function(k,v) {
    promise.then(function() {
        return $.post(...);
    }).then(function(data) {
        if(data)... // here is the conditions
        return $.post(...);
    }).then(function(data) {
        if(data)... // here is another condition
        return $.post(...);
    })
});

promise.done(function() {
    console.log("All Done!");
});

我做得对吗？如果条件返回false,如何阻止下一个链执行,以及如何执行此操作：

if(data){
   console.log('success');
}

这些代码可以介于那些.之间吗？

解决方法

乔伊,无论你是否做得对,取决于你想要达到的细节.

如果您尝试使用终端.done()构建一个长.then()链,其中每个.then()的’done’处理程序：

>调用异步进程,或
>透明地将数据传递到链中的下一个.then()

那么,代码应该是以下形式：

var promise = ...;//An expression that returns a resolved or resolvable promise,to get the chain started.

$.each(data,v) {
    promise = promise.then(function() {//The `.then()` chain is built by assignment 
        if(data...) { return $.post(...); }
        else { return data; }//Transparent pass-through of `data`
    }).then(function(data) {
        if(data...) { return $.post(...); }
        else { return data; }//Transparent pass-through of `data`
    });
});

promise.done(function() {
    console.log("All Done!");
}).fail(function(jqXHR) {
    console.log("Incomplete - an ajax call Failed");
});

但是,如果您尝试执行相同的操作,但每个.then()的’done’处理程序也是如此：

>调用异步进程,或
>中断.then()链

那么,v) { promise = promise.then(function(data) { if(data...) { return $.post(...); } else { return $.Deferred().reject(data).promise(); }//Force the chain to bE interrupted }).then(function(data) { if(data...) { return $.post(...); } else { return $.Deferred().reject(data).promise(); }//Force the chain to bE interrupted }); }); promise.done(function() { console.log("All Done!"); }).fail(function(obj) {//Note: `obj` may be a data object or an jqXHR object depending on what caused rejection. console.log("Incomplete - an ajax call Failed or returned data determined that the then() chain should bE interrupted"); });