由于回调结构中可能存在错误，无法使超时工作

Cannot get timeout to work due to possible errors in callback structure

本文关键字：错误 存在 工作 超时 于回调 回调 结构      更新时间：2023-09-26

我正试图使用以下代码在一次按键操作中两次调用服务器进程。我的要求是我需要尝试两次，并向用户更新我正在重试的信息。如果其中一次尝试成功，我会发出成功的信息，如果两次都失败了，我会告诉他们"再试一次"。

按照编码，以下代码有效。唯一的问题是，我希望每条消息都显示一秒钟，以便可以阅读。

我尝试过setTimeout（1000）和delay（1000）的每一种组合，但要么没有效果，要么就挂起了。我怀疑我的回调结构存在逻辑缺陷。有人能告诉我我做错了什么吗？

$(".infoMessage").text("Starting Open Process...");
var deferred = openATMRPC.openATMFirst();
deferred.addCallback(function(result){
    if (result == "false") {
      $(".infoMessage").text("Attempting Second try...");
      var insideDeferred = openATMRPC.openATMSecond();
       insideDeferred.addCallback(function(result) {
       if (result == "false") {
           $(".infoMessage").text("Try Again Later");
       } else {
            $(".infoMessage").text("Success 2");
        }
    })
  } else if(result == "true"){
      $(".infoMessage").text("Success 1");
    }
  }
)

注意：无论成功与否，我的服务器进程都会返回一个字符串"true"或"false"。

使用jQuery.Deferred（）尝试此模式

$(function () {
    $(".infoMessage").text("Starting Open Process...");
    // included `trueFalse` argument , here , to display flow of results
    // not certain if `openATMRPC.openATMFirst()` , 
    // `openATMRPC.openATMSecond()` returns a `promise` object ?
    // utilized same function applied to both `deferred` and `insideDeferred` 
    var deferred = function(trueFalse) {
        // return value from response as `deferred.promise`
        // within `setTimeout` , after `1000` ms (one second)
        return new $.Deferred(function (dfd) {
        setTimeout(function () {
            $.post("/echo/html/", {
                html: trueFalse
            })
        // `deferred.always` utilized here ,
        // to catch either `success` or `fail` ,
        // not certain about `error` (`fail`) callbacks ?
            .always(function (data) {
                dfd.resolve(data)
            })
        }, 1000);
        // return `deferred.promise()` , 
        // e.g., "true" , or "false"
        return dfd.promise()
    })
    };
    // `deferred()` function called with `"false"` argument
    deferred("false").done(function (result) {
        if (result == "false") {
            $(".infoMessage").text("Attempting Second try...");
            // `insideDeferred` = `deferred()` called with `"true"` argument 
            var insideDeferred = deferred("true");
            insideDeferred.done(function (result) {
                if (result == "false") {
                    $(".infoMessage").text("Try Again Later");
                } else {
                    $(".infoMessage").text("Success 2");
                }
            })
        } else if (result == "true") {
            $(".infoMessage").text("Success 1");
        }
    })
});

jsfiddlehttp://jsfiddle.net/guest271314/vpy207t9/

$(function () {
    $(".infoMessage").text("Starting Open Process...");
    var deferred = function(trueFalse) {
        return new $.Deferred(function (dfd) {
        setTimeout(function () {
                dfd.resolve(trueFalse)
        }, 1000);
        return dfd.promise()
    })
    };
    deferred("false").done(function (result) {
        if (result == "false") {
            $(".infoMessage").text("Attempting Second try...");
            var insideDeferred = deferred("true");
            insideDeferred.done(function (result) {
                if (result == "false") {
                    $(".infoMessage").text("Try Again Later");
                } else {
                    $(".infoMessage").text("Success 2");
                }
            })
        } else if (result == "true") {
            $(".infoMessage").text("Success 1");
        }
    })
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="infoMessage"></div>

相关文章：