[DOM] JavaScript et DOM pour modifier du texte

**flykev** · 18/07/2006, 10h35

Bonjour à tous,

Mon problème est assez simple. Je récupère la réponse d'une requète XmlHttpRequest (code html généré par un script php) que j'aimerai afficher dans une balize DIV de ma page HTML.

Voici mon code :

Code :

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

1
2
3
4
5
6
xhr_object.onreadystatechange = function(){
	// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
	if(xhr_object.readyState == 4 && xhr_object.status == 200){
		document.getElementById("info").innerHTML=xhr_object.responseText;
	}
}

Tout marche très bien lors du premier appel à la fonction (clic sur un bouton par exemple). Le problème survient lors des appels suivant. Au lieux de remplacer simplement mon texte par la réponse de la nouvelle requète, il les "colle" ensemble et afficher l'ancier et le nouveau (et ainsi de suite). J'aimerai donc savoir comment faire pour "vider" le contenu de la balize "info" avant une nouvelle requète, ou tout autre moyen pour gérer ce genre de situation.

Merci pour votre aide,

Kev.

**SpaceFrog** · 18/07/2006, 10h37

a mon avis le problème ne vient pas de l'affectation dasn le innerHTML du div mais plutot de la requete ...
essaye de faire un alert du responsetext et à mon avis tu verras que la concaténation se fait à ce niveau là ...

donc soit la requete au niveau du responseText n'est pas bonne soit ton responseText concatène ... il faudra le vider avant ...

**FremyCompany** · 18/07/2006, 11h04

Lol, je m'habituerai jamais à ca !

Comment la fonction a-t-elle une référence à l'objet Xhr ???

Bien sur, ca marche car JS prend en charge les références des fonctions parentes dans les fonctions générées à l'intérieux de celles-ci mais normalement l'objet Xhr s'obtient par this...

De même pour tous les autres arguments de ce genre de fonction (ex: id, titre, page, ...)

Mais puriste que je suis....

**flykev** · 18/07/2006, 11h21

J'y avais en effet déja pensé. Si je rajoute l'alerte comme suit:

Code :

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

1
2
3
4
5
6
xhr_object.onreadystatechange = function(){
	// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
	if(xhr_object.readyState == 4 && xhr_object.status == 200){
		alert(xhr_object.responseText);
		document.getElementById("info").innerHTML=xhr_object.responseText;
	}

J'obtiens bien une réponse différente et non concaténée à chaque clic de bouton.. Je devrais alors trouver un moyen pour vider le champ avant l'appel à la fonction.. Mais comment faire ?

Merci

Kev.