[AJAX] chargement page HTML qui ne marche pas (?)
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:
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:
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.