2014-11-16 5 views
2

В самом начале я пытался ajaxStart и ajaxStop на моей странице, и они не работали, код:ajaxStart и ajaxStop не работает

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <script language="javascript" src="jquery-1.11.1.js"></script> 
</head> 
<body> 
<form name="form" method="post" action=""> 
    <input id = "name" type="text" name = "name" value=""> 
    <div id = "check"></div> 
</form> 

<script language="javascript"> 
     $("#name").blur(function() { 
      $("#name").ajaxStart(function() { 
       $("#check").html("loading..."); 
       alert("loading..."); 
      }); 
      $("#name").ajaxStop(function() { 
       $("#check").html("OK..."); 
       alert("OK..."); 
      }); 
      $.ajaxSetup({ 
       url : "check.php", 
       type : "POST", 
       success : function(data) { 
        $("#check").html(data); 
       }, 
      }); 
      $.ajax({ 
       url : "checkname.php", 
       type : "POST", 
       data : {name : $("#name").val()}, 
       datatype : "text", 
       beforeSend : function() { 
        console.log("beforeSend"); 
       }, 
       success : function(data) { 
        $("#check").html(data); 
        console.log("success"); 
       }, 
       error : function() { 
        $("#check").html("error"); 
        console.log("error"); 
       }, 
       complete : function() { 
        console.log("complete"); 
       }, 
      }); 
     }); 
</script> 
</body> 
</html> 

Затем я нашел один ответ stackoverflow.com/questions/4034252/jquery-ajaxstart-not-working сказал мне использовать document вместо этого, и когда я использовал следующий код работает

$(document).ajaxStart(function() { 
    $("#check").html("loading..."); 
    alert("loading..."); 
}); 

Кроме того, я попробовал еще один способ, с помощью JQuery 1.7.2 и работает на $("#name").ajaxStart()

Мой вопрос являются:

1, Почему в JQuery 1.11.1 $("#name").ajaxStart() не работает, что изменилось с 1.7.2?

2, Есть некоторые веб-сайты, чтобы дать мне разницу в каждой версии jQuery, подробности будут лучше.

Любая помощь будет оценена, спасибо.

ответ

2

1) Как указано here в официальной документации JQuery, По JQuery 1.8, метод .ajaxStart() должен быть прикреплен только к документу.

2) Для вашего 2-го запроса, официальная документация JQuery должна быть достаточной для устаревшие вещи идут here

Смежные вопросы