.ajaxComplete无法正常工作

Question

嗨,我目前遇到触发.ajaxComplete函数的问题,它应该在一个演示网站上工作.我在这里参考这个函数http://www.bitrepository.com/a-simple-ajax-username-availability-checker.html

这是我的代码:

    <SCRIPT type="text/javascript">
<!--
/*
Credits: Bit Repository
Source: http://www.bitrepository.com/web-programming/ajax/username-checker.html 
*/

pic1 = new Image(16, 16); 
pic1.src = "loader.gif";

$(document).ready(function(){

$("#userID").change(function() { 

var usr = $("#userID").val();

if(usr.length >= 4)
{
$("#status").html('<img src="loader.gif" align="absmiddle">&nbsp;Checking availability...');

    $.ajax({  
    type: "POST",  
    url: "check.php",  
    data: "userID="+ usr,  
    success: function(msg){  
   $("#status").ajaxComplete(function(event, request, settings){ 

    if(msg == "OK")
    { 

        $("#userID").removeClass('object_error'); // if necessary
        $("#userID").addClass("object_ok");
        $(this).html('&nbsp;<img src="tick.gif" align="absmiddle">');
    }  
    else  
    {  
        $("#userID").removeClass('object_ok'); // if necessary
        $("#userID").addClass("object_error");
        $(this).html(msg);
    }  

   });

 } 

  }); 

}
else
    {
    $("#status").html('<font color="red">The username should have at least <strong>4</strong> characters.</font>');
    $("#userID").removeClass('object_ok'); // if necessary
    $("#userID").addClass("object_error");
    }

});

});

//-->
</SCRIPT>

我曾尝试提醒msg,check.php能够返回msg值,但它停在.ajaxComplete()那里,它不会在.ajaxComplete()之后触发函数.请指导我完成这个.谢谢

Answer 1

从文件

从jQuery 1.8开始,.ajaxComplete()方法应该只附加到文档.

所以

$(document).ajaxComplete(function(event, request, settings){
});

但是在你的代码中,不需要使用ajaxComplete,只有在ajax调用完成后才会调用成功回调,因此你可以直接检查其中的值msg.

        $.ajax({
            type: "POST",
            url: "check.php",
            data: "userID=" + usr,
            success: function (msg) {
                if (msg == "OK") {
                    $("#userID").removeClass('object_error'); // if necessary
                    $("#userID").addClass("object_ok");
                    $(this).html('&nbsp;<img src="tick.gif" align="absmiddle">');
                } else {
                    $("#userID").removeClass('object_ok'); // if necessary
                    $("#userID").addClass("object_error");
                    $(this).html(msg);
                }
            }
        });