jquery - 使用ajax完成

Question

我使用的是jquery 1.11.3。我正在尝试使用 ajaxComplete。它仅在控制台中显示加载图标而不返回错误消息。正如我在这里读到的:

http://www.w3schools.com/jquery/ajax_ajaxcomplete.asp

Note: As of jQuery version 1.8, this method should only be attached to document.

但是在我的例子中如何使用它呢？

我的代码是:

$(document).ready(function() {
  $("#email").change(function() {
    var usr = $("#email").val();
    if (usr.length >= 3) {
      $("#status").html('<img align="absmiddle" src="/images/loader.gif" /> Checking availability...');
      $.ajax({
        type: "POST",
        url: "/check_user.php",
        data: "email=" + usr,
        success: function(msg) {
          $("#status").ajaxComplete(function(event, request, settings) {
            if (msg == 'OK') {
              $("#email").removeClass('ErrorField'); // if necessary
              $("#email").addClass("object_ok");
              $(this).html('');
              $("#submit").attr("disabled", false);
            } else {
              $("#email").removeClass('object_ok'); // if necessary
              $("#email").addClass("ErrorField");
              $(this).html(msg);
              $("#submit").attr("disabled", true);
            }
          });
        }
      });
    } else {
      $("#email").removeClass('object_ok'); // if necessary
      $("#email").addClass("ErrorField");
    }
  });
});

Answer 1

您不需要需要在 AJAX success 函数中使用 AJAX Complete。将代码更改为:

$("#status").html('<img src="/images/loader.gif" /> Checking ...');

$.ajax({
  type: "POST",
  url: "/check_user.php",
  data: "email=" + usr,
  success: function(msg) {
    // Remove this completely
    // $("#status").ajaxComplete(function(event, request, settings) {
    if (msg == 'OK') {
      $("#email").removeClass('ErrorField'); 
      $("#email").addClass("object_ok");
      $(this).html('');
      $("#submit").attr("disabled", false);
    } else {
      $("#email").removeClass('object_ok'); 
      $("#email").addClass("ErrorField");
      $(this).html(msg);
      $("#submit").attr("disabled", true);
    }
  });
  // And this too.
  // }
});