Discussion :

[rieppe]

Bonjour à tous.

Je suis en train de réaliser un formulaire pour mon application web, et j'ai un problème qui ne m'est jamais arrivé. Ne vous moquez pas de moi hein, je développe assez peu en javascript (en gros je m'y met pour le coté Ajax).

Donc mon problème est le suivant :

J'ai développé une fonction pour recueillir des infos dans la base de données avec un objet XMLHttpRequest qui envoie des paramètre a un script php (qui lui accède a la base de données). Pendant le développement j'ai mis des "alert" à différents endroits ou je voulais voir si mes tests passaient et si la fonction était bien appelée.

Et là tout baigne, ca fonctionne, mes listes se mettent à jour avec les valeurs contenues dans la base de données toussa.

Maintenant, tout content, j'enlève mes "alert" qui ne me servaient qu'au débugage. Et là surprise, sans le "alert" qui me signalait le passage dans la fonction, plus rien ne fonctionne. Que je le mette en commentaire ou que je supprime la ligne, rien a faire mon script s'éxecute avec mais pas sans lui.

Je désespère un peu :/. Passer 3 heures sur un foutu "alert" c'est quand même rageant.

Si l'un d'entre vous a une quelconque solution a proposer, je suis près a tout accepter là ^^

PS: Si c'est pas clair, je peux réexpliquer enfin essayer de réexpliquer x)

[denisC]

Maintenant, tout content, j'enlève mes "alert" qui ne me servaient qu'au débugage. Et là surprise, sans le "alert" qui me signalait le passage dans la fonction, plus rien ne fonctionne. Que je le mette en commentaire ou que je supprime la ligne, rien a faire mon script s'éxecute avec mais pas sans lui.

http://javascript.developpez.com/faq...jax.asynchrone

Tu peux nous montrer le code ou tu utilises ton objet XHR?

[rieppe]

Voilà le code que j'utilise.

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
	function afficheQuestions()
	{
		//alert('Passage dans la fonction afficheQuestions()');
		getXhr();
		// On défini ce qu'on va faire quand on aura la réponse
		xhr.onreadystatechange = function()
		{
			// On ne fait quelque chose que si tout reçut et serveur ok
			if(xhr.readyState == 4 && xhr.status == 200)
			{
				leselect = xhr.responseText;
				// innerHTML pour rajouter les options a la liste
				document.getElementById('LesQuestions').innerHTML = leselect;
			}
		}
 
		xhr.open("POST","scripts/TrouveLesQuestions.php",true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		// ne pas oublier de poster les arguments
		// ici, l'id du processus
		Processus = document.getElementById('Processus');
		idProcessus = Processus.options[Processus.selectedIndex].value;
 
		SousProcessus = document.getElementById('ListeSousProcessus');
		idSousProcessus = SousProcessus.options[SousProcessus.selectedIndex].value;
 
		if ( idProcessus != 0 )
		{
			if ( idSousProcessus != 0 )
			{
				//alert('afficheQuestion() lance la requête');
				xhr.send("idProcessus="+idProcessus+"&idSousProcessus="+idSousProcessus);
			}
			else
			{
				document.getElementById('LesQuestions').innerHTML = "";
			}
		}
		else
		{
			document.getElementById('LesQuestions').innerHTML = "";
		}
	}

Comme je l'ai dit plus haut, si j'enleve le premier "alert", ca ne fonctionne plus.

[denisC]

Voilà le code que j'utilise.

Code :

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

1
2
 
		//alert('Passage dans la fonction afficheQuestions()');

Comme je l'ai dit plus haut, si j'enleve le premier "alert", ca ne fonctionne plus.

Celui-là d'alert qui fait tout marcher?

Essaye de le remplacer par un alert au niveau de ton xhr.send pour voir le contenu des arguments que tu donnes à ta requete?

Est-ce que tu peux vérifier coté serveur quelles sont les requetes qui parviennent, et avec quels arguments?

[rieppe]

Celui-là d'alert qui fait tout marcher?

Oui celui-ci

Essaye de le remplacer par un alert au niveau de ton xhr.send pour voir le contenu des arguments que tu donnes à ta requete?

Est-ce que tu peux vérifier coté serveur quelles sont les requetes qui parviennent, et avec quels arguments?

Ce sont des actions que j'ai déjà faites pendant mon développement.

Je viens de retester. Mes arguments sont bien corrects. Un petit alert m'indique leurs valeurs.

Coté serveur php aussi un petit

Code :

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

echo $_POST['idProcessus'];

m'affiche la valeur que m'avait donné le alert :/

[FremyCompany]

... la solution à ce problème est simple...
... redontante...
... fatiguante même...
... et à coups sur bonne !

Bien sur, tu n'y peux rien si le tutoriel de siddh contient des fautes mais bon...
Attendez, je cherche un lien vers un des autres threads...
Je reviens !

[FremyCompany]

Bonne lecture !

j'ai suivi le tutorial suivant:
http://siddh.developpez.com/articles/ajax/

Très mauvaise idée, y a une faute dedans (non prise en charge d'un cas théorique et fonction getXhr mal optimisée) qui a déjà couté de nombreuses heures à certaines personnes lors pour la correction... vu que le code en lui-même est bon ! Il suffit juste de corriger quelques petites fautes...

Remplacer la méthode getXhr par le code suivant (plus long mais plus efficace, les temps de renvoi sont quasiment identiques (le mien étant sensiblement plus rapide) excepté lors de la première instanciation sur IE (ou mon script est légèrement plus long))

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
// Renvoie le texte de l'objet ActiveXObject le plus récent depuis une liste
var pickRecentProgID = function (idList){
	// found progID flag
    var bFound = false;
    for(var i=0; i < idList.length && !bFound; i++){
        try{
            var oDoc = new ActiveXObject(idList[i]);
            o2Store = idList[i];
            bFound = true;
        }catch (objException){
            // trap; try next progID
        };
    };
    if (!bFound)
		throw ("Aucun ActiveXObject n'est valide sur votre ordinateur, pensez à mettre à jour votre navigateur");
    idList = null;
    return o2Store;
}
 
// Retourne un nouvel objet XmlHttpRequest
var GetXmlHttpRequest_AXO=null
var GetXmlHttpRequest=function () {
	if (window.XMLHttpRequest) {
		return new XMLHttpRequest()
	}
	else if (window.ActiveXObject) {
		if (!GetXmlHttpRequest_AXO) {
			GetXmlHttpRequest_AXO=pickRecentProgID(["Msxml2.XMLHTTP.5.0", "Msxml2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP"]);
		}
		return new ActiveXObject(GetXmlHttpRequest_AXO)
	}
	return false;
}
 
// Compatibilité avec le tuto
getXhr=GetXmlHttpRequest;

Ensuite la vraie faute, dont la correction dans le tutoriel devrait, j'espère, ne plus trop tarder (je donne ici un exemple de fois ou je propose la correction, comme vous pouvez le constater, il est tjrs possible de procédant par essai-erreur de "corriger" la faute, mais ce n'est que virtuel car sur une connection plus lente la faute est souvent inévitable) :
XmlHttpRequest en parallèles

A noter tout de même que le tutoriel n'est pas la cause de ton problème et la solution qui t'a été donnée est admirable !
En effet, pour corriger le problème j'utilisais plutot la solution suivante (qui marchait tout aussi bien malgré tout) :

Code :

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

url += "&currentDate=" + escape(new Date())

[rieppe]

Bonjour,

Tout d'abord, merci FremyCompany pour ta réponse.

Je voudrais juste une précision histoire d'avoir bien compris. Mon problème était d'avoir une seul variable XMLHttpRequest pour l'ensemble de mes fonctions ?

Quand j'ai mis en place le code que tu m'as donné, le même problème persistait, j'ai alors remplacer la variable déclarée en dehors des fonctions (var xhr = null; ) tout en haut de mon script, par une variable locale a chaque fonction.Depuis cela ca fonctionne.

[FremyCompany]

j'ai alors remplacer la variable déclarée en dehors des fonctions (var xhr = null tout en haut de mon script, par une variable locale a chaque fonction.Depuis cela ca fonctionne.

C'est en effet le problème majeur du script... à chaque nouvelle requete, l'ancienne est écrasée... Si tu rencontres d'autres problèmes, n'hésite pas à continuer le post

[rieppe]

C'est en effet le problème majeur du script... à chaque nouvelle requete, l'ancienne est écrasée... Si tu rencontres d'autres problèmes, n'hésite pas à continuer le post

Pas de problème merci beaucoup.