[JQuery] Gérer les processus de manière synchrone avec Jquery

Version imprimable

22/04/2008, 12h07
Flynt

[JQuery] Gérer les processus de manière synchrone avec Jquery

Bonjour,

J'aimerais pouvoir lancer certains processus lorsque d'autres se terminent avec le framework Jquery.

Avec la fonction $.ajax, je sais qu'il est possible d'utiliser complete par exemple.

Mais lorsque j'utilise plusieurs fois la fonction load de jquery, les processus se lancent dans n'importe quel ordre, même si j'utilise le callback de load ce qui me pose problème.

Je ne sais pas si je suis très clair, demandez-moi plus de détails sinon.

Et puis impossible de trouver plus d'informations sur Jquery excepté la doc sur le net.
22/04/2008, 13h47
E.Bzz

Bonjour,
sans ton code, pas évident, mais a priori il faut lancer les requêtes Ajax en synchrone et non en asynchrone ...
Sinon, tu ne peux pas contrôler efficacement l'ordre de lancement.

A+

Justement, je voulais éviter de passer en mode synchrone pour ne pas bloquer le navigateur sinon ça me fait des jolis freeze.

Dans l'absolu, je ne sais pas comment utiliser le mode synchrone avec la fonction load de jquery, mais seulement avec des fonctions de plus bas niveau type $.ajax.

Voilà mon bout de code néanmoins :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
<script type="text/javascript">
	// lorsque le document est chargé totalement
$(document).ready(function() 
	{
			// Chargement des matricules
		for(i=1; i<=7; i++)
		{
			$("#personne"+i+"des").load("ObtenirMatricule.php?Section=<?php echo $_POST["section"]; ?>&Matricule=<?php echo $_POST["matricule"]; ?>&NumLigne="+i);
		}
 
		// Chargement des sections
		for(i=1; i<=7; i++)
		{
			$("#section"+i+"des").load("ObtenirSection.php?Section=<?php echo $_POST["section"]; ?>&NumLigne="+i);
		}
		// Chargement des postes
		for(i=1; i<=7; i++)
		{
			$("#poste"+i+"des").load("ObtenirPoste.php?Section=<?php echo $_POST["section"]; ?>&NumLigne="+i);
		}
		// Chargement des codes jours
		for(i=1; i<=7; i++)
		{
			$("#code"+i+"des").load("ObtenirCode.php?NumLigne="+i);
		}
		// Chargement des jours
		for(i=1; i<=7; i++)
		{
			$("#date"+i+"des").load("ObtenirDate.php?Semaine=<?php echo $_POST["semaine"]; ?>&Annee=<?php echo $_POST["annee"]; ?>&NumLigne="+i);
		}
				$("#postesupp<?php echo $NumLigne; ?>").load("PosteSupp.php?NbPoste=2&NumLigne=1");
 
 
 
					matricule = "<?php echo $_POST["matricule"]; ?>";			  
			if ( matricule !="all")
			{
				for(i=1; i<=7; i++)
				{
				VerifPlanning(i);
				}
			}
	}
);
</script>

Code:

1
2
3
4
5
6
 
 
// VerifPlanning
function VerifPlanning(numligne)
{			$("#resultat").load("VerifPlanning.php?Date="+$("#date"+numligne).val()+"&NumMatricule="+$("#matricule"+numligne).val()+"&NumLigne="+numligne).val();
}

C'est donc en fin de code, mon appel de VerifPlanning s'effectue avant les autres appels, qui sont nécessaires pour avoir ensuite les bon paramètres. En conséquence dans VerifPlanning je n'ai ni Date ni NumMatricule de renseigné.

Tu dois pouvoir faire ça en gérant un compteur.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 var compteur = 0; $(document).ready(function() { // Chargement des matricules for(i=1; i<=7; i++) { $("#personne"+i+"des").load("ObtenirMatricule.php?Section=<?php echo $_POST["section"]; ?>&Matricule=<?php echo $_POST["matricule"]; ?>&NumLigne="+i); compteur++; } ... .... if (compteur == le_nombre_attendu) VerifPlanning(i);
A condition que l'ordre des requêtes précédentes soit sans importance :mrgreen:

A+

22/04/2008, 14h42
Flynt

Bonne idée, mais le problème demeure. Le compteur s'incrémente dans toutes les boucles sans attendre que les traitements aient terminé leur exécutions.
En conséquence mon VerifPlanning(i) s'éxécute encore trop tot :(.
22/04/2008, 14h56
E.Bzz

Citation:

Envoyé par Flynt

Bonne idée, mais le problème demeure. Le compteur s'incrémente dans toutes les boucles sans attendre que les traitements aient terminé leur exécutions.
En conséquence mon VerifPlanning(i) s'éxécute encore trop tot :(.

J'ai simplifié, mais si tu incrémentes le compteur dans chaque onreadystatechange ça devrait le faire, non ?

A+

J'ai rien obtenu avec le compteur.

Par contre, j'ai finalement utilisé la fonction $.ajax comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
		// Chargement des jours		
		cpt_ligne=1;
		for(i=1; i<=7; i++)
		{
			/* On simule la fonction load tel que :
			*	$("#date"+i+"des").load("ObtenirDate.php?Semaine=<?php echo $_POST["semaine"]; ?>&Annee=<?php echo $_POST["annee"]; ?>&NumLigne="+i);
			* de manière à ce qu'une fois chargé on exécute RecupMatricule 
			*/
			$.ajax(
			{
			   type: "GET",
			   url: "ObtenirDate.php",
			   data: "Semaine="+<?php echo $_POST["semaine"]; ?>+"&Annee="+<?php echo $_POST["annee"]; ?>+"&NumLigne="+i,
			   success: function(html){
				$("#date"+cpt_ligne+"des").html(html);
				RecupMatricule(cpt_ligne);
				cpt_ligne++;
			   }
			 }); 
		}
	// Fonction qui vérifie s'il faut récupérer les informations de planning pour un matricule et une date
 
	 function RecupMatricule(numligne)
	 {
		matricule = "<?php echo $_POST["matricule"]; ?>";					
			if ( matricule !="all")
			{
					$.ajax(
				{
			   type: "GET",
			   url: "VerifPlanning.php",
			   data: "Date="+$("#date"+numligne).val()+"&NumMatricule="+matricule+"&NumLigne="+numligne,
			   success: function(html){
				$("#resultat").append(html);
			   }
			 }); 
				}
 
	}

Merci quand même pour l'aide, c'est une sacré merde les problèmes de syncros avec ajax en tout cas :)