Discussion :

[freuh94]

Bonjour à tous,

Mon projet touche à sa fin et je rencontre un dernier problème (j'espère ) ,

J'ai la fonction suivante :

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
// Send And Return Data from Server
	function sendToServer(url, cfunc, meth, sendData)
	{
		if (window.XMLHttpRequest)
		{
			// code for IE7+, Firefox, Chrome, Opera, Safari
			xmlhttp=new ActiveXObject("Msxml2.XMLHTTP.3.0"); 
 
		}
		else
		{
			// code for IE6, IE5
			xmlhttp=new ActiveXObject("Msxml2.XMLHTTP.3.0"); 
		}
		xmlhttp.onreadystatechange=cfunc;
		xmlhttp.open(meth,url,true);
		xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
		xmlhttp.send(sendData);
	}

et j'ai l'appel de fonction suivant :

Code :

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

1
2
3
4
5
6
7
		sendToServer(file + "?" + strParam + options + "&randNum=" + new Date().getTime() , function()
		{
			if (xmlhttp.readyState == 4 && xmlhttp.status == 200 && idTable != "")
				{
					document.getElementById(idTable).innerHTML = xmlhttp.responseText;
			    }
		}, methode, strParam);

Or je me retrouve à faire deux appels de suite de la function SendToServer qui a pour conséquence d'écraser le xmlhttp. C'esr pourquoi seulement la seconde exécution est réalisée.

Je cherche donc une méthode pour attendre la fin de la première exécution pour ensuite pouvoir faire un second appel à la fonction SendToServer.

Merci pour votre aide .

Bonne journée

[gwyohm]

Bonjour,

Il y a en fait 2 cas dans ta demande :
1/ Ne pas écrase le XmlHttpRequest pour permettre des requetes AJAX en parallele
2/ Pouvoir enchainer 2 requetes AJAX pour pouvoir déclencher une requete AJAX après le résultat de la première.

Pour le point 1, il faut juste que la portée de ton objet xmlhttp soit celle de la fonction sendToServer et accessible dans ton callback. Je te propose donc (mes modifs en gras):

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
// Send And Return Data from Server
function sendToServer(url, cfunc, meth, sendData)
{
  var xmlhttp;
  if (window.XMLHttpRequest)
  {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new ActiveXObject("Msxml2.XMLHTTP.3.0"); 

  }
  else
  {
    // code for IE6, IE5
    xmlhttp=new ActiveXObject("Msxml2.XMLHTTP.3.0"); 
  }
  xmlhttp.onreadystatechange=function(){cfunc(xmlhttp);};
  xmlhttp.open(meth,url,true);
  xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
  xmlhttp.send(sendData);
}

et pour l'appel (ma modif en gras)

Code :

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

1
2
3
4
5
6
7
8
sendToServer("uneurl" , function(xmlhttp) {
  if (xmlhttp.readyState == 4 && xmlhttp.status == 200 && idTable != "")
  {
    document.getElementById(idTable).innerHTML = xmlhttp.responseText;
    xmlhttp=null;
  }
}, methode, strParam);

Quand à enchainer 2 requetes, il suffit de faire un appel à sendToServer dans le callback...

[andry.aime]

Bonsoir

if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP.3.0");

}

Code :

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

1
2
3
4
5
6
if (window.XMLHttpRequest)
		{
			// code for IE7+, Firefox, Chrome, Opera, Safari
			xmlhttp=new XMLHttpRequest(); ; 
 
		}

A+.