[AJAX] Accents et AJAX, mon dernier espoir, c'est vous !

**romtrico** · 18/06/2009, 17h43

Bonjour,
j'ai passé la journée sur mon problème :
J'effectue la lecture avec un objet XMLHTTPRequest d'un petit fichier texte contenant des carastères accentués. lors de l'affichage du résultat, les carractères accentués ne s'affichent pas correctement.
voici mon code trés simplifié, et qui pourtant ne fonctionne pas :

Le fichier html que j'appelle :

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
24
25
26
27
28
29
30
<html>
<head>
             <meta http-equiv="Content-Type" content="text/html"; charset="iso-8859-1">
	<title>TEST AJAX</title>
	<script>
		function feeltest(){
			var xhr = false;
			if(location.protocol=="file:"){
				if(!xhr)try{ xhr=new ActiveXObject("MSXML2.XMLHTTP"); }catch(e){xhr=false;}
				if(!xhr)try{ xhr=new ActiveXObject("Microsoft.XMLHTTP"); }catch(e){xhr=false;}
			}
 
			xhr.onreadystatechange = function() {
			   if(xhr.readyState == 4){
					var strResp = xhr.responseText;
					document.body.innerHTML = strResp;
					alert(strResp);				// des carrés à la place des caractères accentués
					alert(xhr.status);			//toujours égal à 0
			   }
			}
			xhr.open("GET", "test.txt", true);
			xhr.setRequestHeader("Content-Type", "text/xml; charset=iso-8859-1");
			xhr.send(null);
		}
	</script>
</head>
<body id="main" onload="javascript:feeltest();">
 
</body>
</html>

Le fichier "test.txt" que je veux afficher contient la chaine de caractère suivante :

-----------------------------------------------------------------------
Présentation générale du site
-----------------------------------------------------------------------

Le résulatat est le suivant :
Pr�ntation g�rale du site

De plus, le xhr.status retourne toujours 0, est ce normal ?

J'ai essayé l'encodage utf-8, sans succés.

Avez vous une idée.
Ceci doit fonctionner sur IE7.

Merci par avance à mon futur sauveur, si il existe

**Bovino** · 19/06/2009, 09h19

Salut,

Et l'encodage du fichier texte, c'est quoi ?

PS : et pour info :

Code :

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

onload="javascript:feeltest();"

onload attendant du JavaScript et non une URL, le javascript: ne sert absolument à rien !
Voir ici

**romtrico** · 19/06/2009, 16h39

Envoyé par Bovino

Salut,

Et l'encodage du fichier texte, c'est quoi ?

PS : et pour info :

Code :

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

onload="javascript:feeltest();"

onload attendant du JavaScript et non une URL, le javascript: ne sert absolument à rien !
Voir ici

Merci beaucoup Bovino !

Effectivement, en modifiant l'encoding de mon fichier en utf-8, j'arrive à afficher les accents, cool.
Cependant, j'ai mon second soucis qui est toujours là, je m'explique :
Le code ci dessous contient deux fonction pour lire un fichier XML, la premiere en utilisant le XMLDOM de microsoft et la seconde en utilisant le XMLHTTPRequest.
La premiere fonctionne trés trés bien.
La seconde en revanche ....
L'objet xmldoc est bien un objet ([objet]).
par contre, xmldoc.getElementsByTagName("book")[0] est null, comme si il n'existait pas ce noeud.
Le status de mon objet xhr est toujours égal à 0.
le fichier XML est le même pour les deux fonction, encodé en utf-8. Il s'agit du fichier XML télécharger sur le site W3School, donc valide.

voici le code html :

Code html :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html"; charset="iso-8859-1">
	<title>TEST AJAX</title>
	<script>
                function feeltestDom(){
                        var xmldoc = new ActiveXObject("Microsoft.XMLDOM");
                        xmldoc.load("test.xml");
                        document.body.innerHTML = xmldoc.getElementsByTagName("book")[0].firstChild.text;//.getElementsByTagName("h1")[0].firstChild.text;
                }
                
                
                function feeltest(){
                        var xhr = false;
                        if(location.protocol=="file:"){
                                if(!xhr)try{ xhr=new ActiveXObject("MSXML2.XMLHTTP"); }catch(e){xhr=false;}
                                if(!xhr)try{ xhr=new ActiveXObject("Microsoft.XMLHTTP"); }catch(e){xhr=false;}
                        }
                        
                        xhr.onreadystatechange = function() {
                           if(xhr.readyState == 4){
                                        var xmldoc = xhr.responseXML;
                                        document.body.innerHTML = xmldoc.getElementsByTagName("book")[0];//.firstChild.text;
                                        alert(xhr.status);                      //toujours égal à 0
                           }
                        }
                        xhr.open("GET", "test.xml", true);
                        xhr.setRequestHeader("Content-Type", "text/xml; charset=utf-8");
                        xhr.send(null);
                }
        </script>
</head>
<body id="main" onload="feeltestDom();">
 
</body>
</html>

voici le fichier xml :

Code xml :

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
24
25
26
27
28
29
30
31
32
33
 
<?xml version="1.0" encoding="utf-8"?>
<!-- Edited by XMLSpy -->
<bookstore>
	<book category="COOKING">
		<title lang="en">Everyday Italian</title>
		<author>Giada De Laurentiis</author>
		<year>2005</year>
		<price>30.00</price>
	</book>
		<book category="CHILDREN">
		<title lang="en">Harry Potter</title>
		<author>J K. Rowling</author>
		<year>2005</year>
		<price>29.99</price>
	</book>
	<book category="WEB">
		<title lang="en">XQuery Kick Start</title>
		<author>James McGovern</author>
		<author>Per Bothner</author>
		<author>Kurt Cagle</author>
		<author>James Linn</author>
		<author>Vaidyanathan Nagarajan</author>
		<year>2003</year>
		<price>49.99</price>
	</book>
		<book category="WEB">
		<title lang="en">Learning XML</title>
		<author>Erik T. Ray</author>
		<year>2003</year>
		<price>39.95</price>
	</book>
</bookstore>

Aurais tu une solution?

ps. merci pour le tip à propos de la fonction : "onload"

[AJAX] Accents et AJAX, mon dernier espoir, c'est vous !

AJAX

Discussions similaires

Partager

Partager