[AJAX] chargement page HTML qui ne marche pas (?)

**troussepoil** · 26/05/2009, 22h54

Bonjour,

J'ai un petit souci avec le chargement d'une page HTML dans une autre page HTML en passant par de l'Ajax.

index.html

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
 
...
function envoieRequete(url) {
		var xhr_object = null;
			if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
			else
			if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
 
			// On ouvre la requete vers la page désirée
			xhr_object.open("GET", url, true);
			xhr_object.onreadystatechange = function() {
				if ( xhr_object.readyState == 4 ) {
					// j'affiche dans la DIV spécifiées le contenu retourné par le fichier
					document.getElementById('plop').innerHTML = xhr_object.responseText;
				}
		}
		// dans le cas du get
		xhr_object.send(null);	
	}
...
<body>
<a href="#" onclick="envoieRequete('page1.html');" >test</a>
</body>

page1.html

Code :

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

1
2
3
4
5
6
7
8
9
 
 <html>
 <head>
 <title>page 1</title>
 </head>
 <body bgcolor=#00ff00>
 	page 1
 </body>
 </html>

index.html se charge bien et lorsque je clique sur le lien 'test', j'obtiens une chaine de caractère avec des point d'interrogation partout:
...��p�a�g�e� �1� � �...
au lieu de ma page verte.

Voilà, si quelqu'un pouvait m'aider.
merci d'avance.

Pardon d'avance si il y a déjà eu ce genre de post.

**nicols** · 26/05/2009, 23h53

salut,

Essaie peut-être de récupérer du xml, mais je pense que si tu envoies les balises html et body dans une page qui en contient déjà il doit pas comprendre dans tous les cas.

Au lieu de :

Code :

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

document.getElementById('plop').innerHTML = xhr_object.responseText;

Teste :

Code :

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

1
2
3
4
 
var tmp = xhr.responseXML.getElementsByTagName("div");
var element = document.getElementById('plop');
element.appendChild(tmp.item(0));

Et ensuite
page1.xml

Code :

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

1
2
3
4
5
6
7
8
<?xml version="1.0" encoding="UTF-8"?>
 
<root>
	<div style="background-color:#00ff00;">
		page 1
	</div>
	&nbsp;
</root>

**emmanuel.remy** · 27/05/2009, 00h56

Salut,

Surement un problème d'encodage entre tes pages, mais que dire du fait que tu insères une page HTML dans une balise DIV ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<div>
 <html>
 <head>
 <title>page 1</title>
 </head>
 <body bgcolor=#00ff00>
 	page 1
 </body>
 </html> 
</div>

Un peu... étonnant non ?

Et puis je ne vois pas ta balise avec l'id plop.

ERE

**troussepoil** · 27/05/2009, 09h55

Dans la page HTML, il faut juste le code HTML de ce que je souhaite afficher, donc dans ce cas "page 1" ?

Page1.HTML

Code :

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

page 1

Sinon, a quoi doit ressembler ma page page1.html?

**emmanuel.remy** · 27/05/2009, 10h17

C'est mieux ainsi. Je ne dis pas que cela va résoudre tes problèmes d'encodage mais nous verrons ainsi plus clair.

ERE

**troussepoil** · 27/05/2009, 10h32

Je testerais ce soir, merci.
Pour info, j'avais déjà mis juste page1 mais j'avais le même problème.
Je dois avoir un autre problème...
To be continued...

[AJAX] chargement page HTML qui ne marche pas (?)

AJAX

Vue hybride

Discussions similaires

Partager

Partager