当 ajax 成功时 - ajaxComplete 不会被触发

Question

当 ajax 查询成功时 - ajaxcomplete（包装在回调函数中 - 点击事件）不会被触发。

另一方面，当它不成功（.error）时，ajaxComplete 工作得很好。

为了让它变得更加复杂 - 这里有一个关于这个问题的更详细的真相：

1) 这适用于 Firefox 和 IE。谈到 Chrome - AjaxComplete 实际上是在 ajax 成功时触发的，但它在函数内执行代码时动作缓慢。

非常感谢帮助

ajax 函数

 function fetch_customer_data_from_db(zipcode_string, email_string, query_done, query_fail) {

    var theUrl = "http://mysecretwebpage/json_create.asp";
    $.ajax({
        url: theUrl,
        dataType: "json",

        success: function (response) {

            fadeout_email_field();

            query_done = 1;

            $('#cust_date_of_birth').css('display', 'none');
            $('#customer_data_field_text').css('display', 'block');
            $('#validation_message_email').css('visibility', 'hidden');

            var customer_data = response.customerdata;
            customer_data.forEach(function (custdata) {

                document.getElementById("cfname").textContent = custdata.fname; 
                document.getElementById("clname").textContent = custdata.lname; 
                document.getElementById("cadress").textContent = custdata.street; 
                document.getElementById("czipc").textContent = custdata.zipcode; 
                document.getElementById("clocation").textContent = custdata.location; 
                document.getElementById("cemail").textContent = custdata.email; 
                document.getElementById("cmobile").textContent = custdata.mobile; 
            });
        },

        error: function() {

            if (!query_fail) {


                $('#cust_date_of_birth').css('display', 'block');

                $('#validation_message_email').css('visibility', 'hidden');
                query_fail = 1;
                fadeout_email_field();
            }
        }
    });
}

点击功能（回调）

如果 ajax 错误（这里 ajaxcomplete 有效）

$('#checkbox1').change(function() {

    if($(this).is(":checked")) {

        $( document ).ajaxComplete(function() {
           alert("ajax error!!!");
         });
 }

如果 ajax 成功（ajaxComplete 没有被触发）

$('#button_change_cdata').click(function() {

  $( document ).ajaxComplete(function() {   
     alert("ajax success");
  });

});

Answer 1

这里的问题是您使用ajaxComplete 以及success 和error 回调。为了更准确，您应该使用ajaxSuccess 和ajaxError。

ajaxComplete：注册一个处理程序，以便在 Ajax 请求完成时调用。

ajaxSuccess：附加一个在 Ajax 请求成功完成时执行的函数。

ajaxError：注册一个处理程序以在 Ajax 请求完成并出现错误时调用

对于您的 ajaxSuccess 和 ajaxError 处理程序，请尝试以下操作：

$( document ).ajaxError(function() {
    $('#checkbox1').on("change",function() {
        if($(this).is(":checked")) {
           alert("ajax error!!!");
        }
    });
});
$( document ).ajaxSuccess(function() {   
    $('#button_change_cdata').on("click",function() {
           alert("ajax success");
    });
});