L'async par défaut d'Ajax dans jQuery est vrai (requête asynchrone). Si vous souhaitez exécuter un autre Ajax après l'exécution d'un Ajax, vous devez définir async=false.
Le code est le suivant :
function TestAjax() { var UserName = $("#txtUserName").val(); $.ajax({ url:"AjaxCheckUserName.htm", async:false, success:function(data){ alert(data); } }); alert('Test'); $.ajax({ url:"AjaxHandler.ashx", async:false, data:"UserName=" + UserName, success:function(data){ $("#divAjax").html(data); }, error:function(msg){ alert(msg.responseText); } }); }
Jetez ensuite un œil à la séquence d'exécution de chaque événement jquery $.ajax
La séquence d'exécution est la suivante :
1.ajaxStart (événement mondial)
2.avantEnvoyer
3.ajaxSend (événement mondial)
4.succès
5.ajaxSuccess (événement mondial)
6.erreur
7.ajaxError (événement mondial)
8.complet
9.ajaxComplete (événement mondial)
10.ajaxStop (événement mondial)