Contrôler l'exécution des instructions

[vever]

Bonjour !

Voilà mon souci est que, dans une fonction, j'ai entre autre 3 instructions qui devraient s'exécuter l'une après l'autre (en tout cas c'est ce que j'attendais d'un langage procédural comme JavaScript, ou alors j'ai rien compris...)

Sauf que, la fonction XAJAX en seconde position, n'a pas l'air d'attendre la récupération des valeurs en première position, valeurs que je passe en paramètre dans l'appel de cette fonction XAJAX.

De même pour l'instruction JavaScript, qui n'a pas l'air d'attendre la fin de l'exécution de la fonction XAJAX pour s'exécuter.

Or j'ai impérativement besoin que chaque instructions soit bloquantes pour la suite... J'ai donc rusé en définissant un timer de quelques centaines de millisecondes, mais c'est du "bob le bricoleur style" et en général çà donne lieu à d'horribles bugs suivants les navigateurs, les postes, les couleurs...

Code :

1
2
3
4
5
6
7
 
function remplir() {
	var pid = (document.getElementById("acSelect_table").value).split(";")[1];
	var eid = (document.getElementById("acSelect_table").value).split(";")[2];
	setTimeout('xajax_remplir_table('+pid+', '+eid+')',100);
	setTimeout('document.getElementById("selection_'+eid+'").checked	=	"true"',300);
}

Merci d'avance

[andry.aime]

Bonsoir,

1- Javascript n'est pas procédural comme tu le penses, XMLHttpRequest que tu utilises pour AJAX est un objet par exemple .
2-

Sauf que, la fonction XAJAX en seconde position, n'a pas l'air d'attendre la récupération des valeurs en première position, valeurs que je passe en paramètre dans l'appel de cette fonction XAJAX.

Je ne comprend pas?
3-

De même pour l'instruction JavaScript, qui n'a pas l'air d'attendre la fin de l'exécution de la fonction XAJAX pour s'exécuter.

Je suis sûr que tu travailles en mode asynchrone (ben on ne vois pas la fonction )

A+.

[Bovino]

Comme le dit Andry, l'utilisation de xajax ne te dispense pas de connaitre comment fonctionne une requête AJAX sur le client, en particulier la notion de requête asynchrone

ajax.developpez.com/cours
javascript.developpez.com/faq/javascript/?page=Ajax

[Willpower]

perso, je ne me suis jamais pris la tête avec les paramètres synchrones et asynchrone (j'avais essayé il y a des années au début du xhr et sauf erreur de ma part, le synchrone ne fonctionnait pas .. ou pas partout.. ou je n'ai jamais réussi à les utiliser). bref, je privilégie les fonctions de callback pour la suite des instructions. (les fonctions de callback sont implémenté dans la plupart des lib ajax autrement si tu codes toi-même ton appel, tu check l’évènement onReadyStateChange... ou un truc comme ça qui déclenchera la suite de tes instructions que tu veux synchrones.)

[andry.aime]

Envoyé par Willpower

j'avais essayé il y a des années au début du xhr et sauf erreur de ma part, le synchrone ne fonctionnait pas .. ou pas partout.. ou je n'ai jamais réussi à les utiliser

Si si, ça fonctionne nickel sauf qu'on n'utilise pas un fonction callback du onreadystatechange pour récupérer le résultat.

Code :

1
2
3
4
5
6
function modeSynchrone(){
	var xhr = createXhr();
	xhr.open("GET","page.php?var1=1",false);
	xhr.send(null);
	alert(xhr.responseText);
}

A+

[Willpower]

Envoyé par andry.aime

Si si, ça fonctionne nickel sauf qu'on n'utilise pas un fonction callback du onreadystatechange pour récupérer le résultat.

Code :

A+

oui, j'ai testé juste après mon poste et ça fonctionnait ... juste qu'il y a moultes années quand j'avais essayé, ça n'avait pas fonctionné ! (mais j'étais un newbie en JS donc, c'était p-e moi). [/drunk]

[vever]

Apparement je me suis mal exprimé. Je reformule.

1) mes variables eid et pid sont affectés des valeurs d'une zone de liste déroulante

2) la fonction xajax_remplir_table(pid, eid) est appelée, il me faut donc m'assurer que les variables ont été affectées, avant l'appel de cette fonction.
Cette fonction xajax crée un élément HTML

3) l'instruction javascript modifie la valeur de l'attribut checked de l'élément HTML fraîchement crée. La encore, si l'instruction est exécutée avant la fin de l'exécution de la fonction xajax_remplir_table, çà ne va pas, car l'élément n'existe pas encore.

Concernant AJAX (pas xajax), en effet je ne me suis jamais penché sur le code. J'avouerai donc ne rien comprendre à xhr et consort...
En revanche j'ai déjà étudié (en surface) son fonctionnement, les termes de synchrone et asynchrone ne me sont pas étrangers. Si je saisis bien, c'est le caractère asynchrone de ma fonction AJAX(2) qui fait qu'elle n'attend pas la fin d'un évènement pour s'exécuter ? Et de même pour l'instruction JavaScript (3) (synchrone ?) qui elle peut attendre la fin d'un évènement synchrone, mais pas la fin d'un évènement asynchrone... C'est çà ?

[andry.aime]

Montre nous tes codes HTML généré et la fonction AJAX.

[Willpower]

De toutes manières à partir du moment où tu définis des timeout, tout devient asynchrone vu que cela s'exécute de manière indépendante au reste du code après un temps donné.

[Bovino]

De toute façon,

Code :

setTimeout('xajax_remplir_table('+pid+', '+eid+')',100);

ne peut pas fonctionner : lorsque le premier argument est une chaine, cette chaine est passée par eval, donc le pid et le eid ne correpondront à rien

Code :

setTimeout('xajax_remplir_table(pid, eid)',100);

est plus correct

[vever]

Envoyé par Bovino

De toute façon,

Code :

setTimeout('xajax_remplir_table('+pid+', '+eid+')',100);

ne peut pas fonctionner : lorsque le premier argument est une chaine, cette chaine est passée par eval, donc le pid et le eid ne correpondront à rien

Code :

setTimeout('xajax_remplir_table(pid, eid)',100);

est plus correct

Ah ben non absolument pas. pid et eid sont des variables. En tout cas çà marche parfaitement comme cela, et çà ne marche pas avec la seconde solution.

Pour revenir au problème initial, tant pis, je vais garder cette vieille méthode des setTimeout...

Merci à tous

[SpaceFrog]

setTimeout fonctione comme setInterval ... pour passer des paramètres il faut passer par une closure (fonction anonyme)

Code :

setTimeout(function(){xajax_remplir_table(pid, eid)},100);