Discussion :

[Bobtop]

Bonjour à tous,

Voila j'ai un petit souci de lourdeur de code.

En cliquant sur un bouton de mon site, il y a une série d'appel à différents fichiers PHP grâce à AJAX afin de mettre à jour différentes parties de la page.

Il me faut obligatoire respecter l'ordre d'appel de ces fichiers, j'ai donc fait un un script mais qui me semble très lourd, avez vous une idée pour simplifier un tel script, c'est à dire enchainer différents appels les uns après les autres dans l'ordre voulu :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
47
48
49
50
51
52
53
54
55
 
	var xhr_object = http_request_object();	
	xhr_object.open('POST', 'fichier.php', true);
	xhr_object.onreadystatechange = function()
	{
		if ( xhr_object.readyState == 4 ) 
		{
			document.getElementById('zone1').innerHTML = xhr_object.responseText;
 
			var xhr_object2 = http_request_object();	
			xhr_object2.open('POST', 'fichier.php', true);
			xhr_object2.onreadystatechange = function()
			{
				if ( xhr_object2.readyState == 4 ) 
				{
					document.getElementById('zone2').innerHTML = xhr_object2.responseText;
 
					var xhr_object3 = http_request_object();	
					xhr_object3.open('POST', 'fichier.php', true);
					xhr_object3.onreadystatechange = function()
					{
						if ( xhr_object3.readyState == 4 ) 
						{
							document.getElementById('zone3').innerHTML = xhr_object3.responseText;
 
							var xhr_object4 = http_request_object();	
							xhr_object4.open('POST', 'fichier.php', true);
							xhr_object4.onreadystatechange = function()
							{
								if ( xhr_object4.readyState == 4 ) 
								{
									document.getElementById('zone4').innerHTML = xhr_object4.responseText;
								}
							}
							xhr_object4.setRequestHeader("Content-type", "application/x-www-form-urlencoded");  
							data4 = 'var=...';
							xhr_object4.send(data4);	
 
						}
					}
					xhr_object3.setRequestHeader("Content-type", "application/x-www-form-urlencoded");  
					data3 = 'var=...';
					xhr_object3.send(data3);	
 
				}
			}
			xhr_object2.setRequestHeader("Content-type", "application/x-www-form-urlencoded");  
			data2 = 'var=...';
			xhr_object2.send(data2);	
 
		}
	}
	xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");  
	data = 'var=...';
	xhr_object.send(data);

Merci pour votre aide

[speedev]

Salut

Ton code ne me parait pas "lourd" dans le sens ou tu utilises la fonction onreadystatechange. Vu que c'est asynchrone, l'utilisateur ne sera pas "ralenti" dans sa course ni même son navigateur par contre il faut faire en sorte que le déroulement de tes requêtes soit bien visible (genre tu fais afficher un petit div dans un coin de l'écran -comme google- marqué "Chargement..." ou "Mise a jour des données...", mieux tu fais une barre de chargement) afin que l'utilisateur sache qu'il peut y avoir quelques secondes de traitement.
Enfin ça c'est mon principe....

Tchaw'