Discussion :

[Dra_Gun]

Bonjour,

j'ai une fonction qui me récupère les valeurs d'un checkbox, envoie ces valeurs à une page PHP pour un traitement, et affiche le résultat dans un div

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
function check(formulaire){
 
	new Ajax.Request("wait.php", {
		method: 'post',
		onComplete: showResponseMain
	});
 
	var nb = formulaire.elements['state[]'].length;
	var valeur = "";
	for (i = 0; i < nb; i ++){
		if (formulaire.elements['state[]'][i].checked){
			valeur += formulaire.elements['state[]'][i].value + ',';
		}
	}
	alert(valeur);
 
	new Ajax.Request("compare_photo.php", { 
		method: 'post', 
		postBody: $H({//genre:$F('genre'),
					  state:valeur
					  }).toQueryString(),
		onComplete: showResponseMain 
	});
}

Pas de souci majeur, ca fonctionne (presque) nickel.
Si je commente le alert ligne 15, ca ne passe plus.
Avez-vous une idée? Est ce que le fait d'avoir un alert fait que le script effectue une pause? La requête Ajax est-elle trop rapide?

Je n'ai aucune erreur dans /var/log/error.log et sur firebug, pas le temps de voir l'erreur, c'est trop rapide dans la console :p

[NoSmoking]

Bonjour,
- qui y a t-il dans la fonction showResponseMain ?
- pourquoi ne pas mettre la deuxième requête dans le onComplete de la première?

[Dra_Gun]

Salut,

le contenu de ma fonction

Code :

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

1
2
3
function showResponseMain(req){
		$('main').innerHTML= req.responseText;
	}

En fait, la page html se charge avec des div que j'ai appelé sidebar, sur le coté gauche, et un div main, vide par défaut.
En fonction des choix effectués sur sidebar, des scripts php sont appelés et génèrent un contenu à afficher dans le div main. Et pendant le temps de traitement de ces scripts, j'affiche la page wait.php

contenu de wait.php:

Code :

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

<img src="images/mini-throbber.gif">

Je débute un peu en Ajax j'avoue, je ne sais pas si c'est très propre du coup de coder comme ca..

[NoSmoking]

je connais que très peu prototype, hé oui personne n'est parfait

Et pendant le temps de traitement de ces scripts, j'affiche la page wait.php

il faut savoir qu'en local, le délai de réponse est quasiment instantané d'où l'affichage intermédiaire peut ne pas se faire.

Concernant le déroulement des opérations je te soumet, sous réserve, le code suivant

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
function check(formulaire, rappel){
  if (!rappel){
    new Ajax.Request("wait.php",{
      method: 'post',
      onComplete: function (data){
        $('main').innerHTML = data.responseText;
        check(formulaire, true);  // rappel de la fonction
      }
    });
  }
  else{
    var nb = formulaire.elements['state[]'].length;
    var valeur = "";
    for (i = 0; i < nb; i++){
      if (formulaire.elements['state[]'][i].checked){
        valeur += formulaire.elements['state[]'][i].value + ',';
      }
    }
//    alert(valeur);
    new Ajax.Request("compare_photo.php",{
      method: 'post',
      postBody: $H({ //genre:$F('genre'),
        state: valeur
      }).toQueryString(),
      onComplete: function (data){
        $('main').innerHTML = data.responseText;
      }
    });
  }
}

l'idée est d'attendre que le résultat de la première requête soit disponible pour lancer la 2éme.
Le paramètre rappel permet de ne traiter qu'une partie de la fonction.

D'un autre coté, il n'est peut être pas utile de faire une requête pour l'affichage de l'attente dans ce style

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
function check(formulaire){
  $('main').innerHTML = '<img src="images/mini-throbber.gif">';
  var nb = formulaire.elements['state[]'].length;
  var valeur = "";
  for (i = 0; i < nb; i++){
    if (formulaire.elements['state[]'][i].checked){
      valeur += formulaire.elements['state[]'][i].value + ',';
    }
  }
//  alert(valeur);
  new Ajax.Request("compare_photo.php",{
    method: 'post',
    postBody: $H({ //genre:$F('genre'),
      state: valeur
    }).toQueryString(),
    onComplete: function (data){
      $('main').innerHTML = data.responseText;
    }
  });
}

mais tout ceci est sous réserve, avec encore ce rappel en local, le délai de réponse est quasiment instantané.

Mais au fait est ce le problème que celui de l'affichage ?

[Dra_Gun]

Bonjour

Ta deuxième solution marche nickel

je cherche à faire compliquer parfois :p

Merci beaucoup!