Question

我在脚本中有几个ajax请求，有些同步一些异步我使用pload.gif来显示ajax请求何时活动超过1秒。我发现在一种情况下，即使请求成功并且预期的操作已完成，pload.gif仍会继续显示。 N：B：没有其他请求被解雇，即$ .active = 1.但是ajaxStop不会激发我已经测试了ajaxComplete和ajaxSuccess（不是我想要这些因为我想要捕获任何异步请求）而且这些也不会触发任

以下是违规请求：

$.ajax({
    beforeSend: function(){
        $("#loading p").append("validate class schedules");
        console.log("validate class schedules");
    },
    type: "POST",
    url: "../_admin/admin_Validate_Class_Schedule.php",
    data: {class_Key: current_Class_Key, schedule_Key : current_Schedule_Key},
    dataType: "text",
    async: false,
    success: function(return_Data){
        console.log("success");
        var result = $.trim(return_Data);
        console.log("result: " + result + " " + "call count: " + call_Count + " : " + $("#schedule_Description").val() + " " + $("#schedule_Description").val().length + " " +  current_Class_Key);

        if (result == "exists"){
            $("#create_Schedule .form_Submit").attr("value", "Update Schedule");
            $("#create_Schedule").attr("action", "process_Schedule_Update.php");
            $(".form_Footer .form_Submit").css("color", "#fff");
            $(".form_Footer .form_Submit").removeAttr("disabled");                  
        } else {
            $("#create_Schedule .form_Submit").attr("value", "Create Schedule");
            $("#create_Schedule").attr("action", "process_Schedule_Create.php");
            $(".form_Footer .form_Submit").css("color", "red");
            $(".form_Footer .form_Submit").attr("disabled","disabled");             
            if ((current_Class_Key.length != 0) && ($("#schedule_Description").val().length != 0)){
                $(".form_Footer .form_Submit").css("color", "#fff");
                $(".form_Footer .form_Submit").removeAttr("disabled");
            }
        }   
    },
    error: function(){
        console.log("Validate Could not retrieve XML file.");
    }
});  // end ajax call

我的诱惑是在成功分支结束时使用以下内容

if ($.active == 1){                // nothing else requested which should be the case
   $.event.trigger( "ajaxStop" );  // force a stop
   $.active = 0;                   // force active to zero as belt and braces as not
}                                  // sure if triggering stop will set active to zero

但是我不确定 - 这是否会在以后存储问题，为什么这仍然是必要的。我不想在我的所有请求中开始编码。我希望我的所有请求在完成后减少$ .active。所以我想真正的问题是为什么不是这样呢？

欢迎任何想法。

Answer 1

也许不是直接回答你的问题，为什么它似乎没有解雇，但是对于评论过于冗长而且可能解决你的问题：

您可以使用jQuery的新延迟系统来附加ajax回调。对jQuery对象的ajax调用返回一个延迟对象：

var dfd = $.ajax({
              beforeSend: function(){
                  $("#loading p")
                      .append("validate class schedules");
                  console.log("validate class schedules");
              },
              type: "POST",
              url: "../_admin/admin_Validate_Class_Schedule.php",
              data: {class_Key: current_Class_Key, schedule_Key : current_Schedule_Key},
              dataType: "text",
              async: false
          });

您可以使用deferred.then，deferred.done，deferred.fail附加此对象的回调：

dfd.done(function(){
    // ajax succes, handle
});
dfd.fail(function(){
    // ajax failure, handle
});

// OR

dfd.then(function(){
    // ajax succes, handle
}, function(){
    // ajax failure, handle
});

一旦延迟对象被“解析”（这在ajax调用完成时发生，或者失败），就会调用相应的回调。即使您已经解决了附加回调，您的回调也会立即触发（如果适当的话）

这是在jQuery中处理事务的新方法，它可以为您节省很多麻烦！它很干净，使异步性处理变得容易多了。

More info in the docs here

$ .ajaxStop似乎没有被解雇

1 个答案: