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.