Discussion :

[xborelly]

Bonjour a tous,

Je vous contact car la actuellement je doit récupérer un fichier Json en Jquery, getJson fonctionne très bien pour ça, mais dans le résulta HTML, tout les accents on été remplaçer par des "?". J'en suis venus a suspecter getJson, Vus que les anglais utilise pas (ou peu) les accents je n'ai rien trouver sur le net sur ce problème de ce coté la...

Donc ma première question est : est-ce que getJson est vraiment responsable de la perte des accents?

Et la seconde est : Si il n'est pas responsable, d'où viendrais le problème?
Du faite que l'encodage n'est pas spécifier dans le fichier Js?
Ou car je le met en brut dans une balise HTML?

[danielhagnoul]

jQuery (AJAX) travaille uniquement en UTF-8

[xborelly]

Dans ce cas pourquoi vus que les accents sont supportés en UTF-8, mon navigateur m'affiche ? a la place des caractère accentuer? (sachant que je viens de regarder, le thème principal du portail est bien en UTF-8 aussi)

[SpaceFrog]

le thème principal du portail est bien en UTF-8 aussi

C'est à dire ?

Juste une balise meta charset ou le fichier lui même ?

[xborelly]

Vus que j'utilise le portail Liferay, je ne saurais dire si le fichier est encodé en UTF-8,

Mais quand j'inspecte le code source de la page contenant tout mes portlet (dont celui où j'affiche le Json récupérer) je vois bien une balise Meta Charset régler sur UTF-8.

[SpaceFrog]

la balise meta charset n'est pas suffisante, il faut savoir si le fichier lui même est en utf-8 et si le serveur délivre bien de l'utf-8 également

[xborelly]

Bon je vais aller faire un tour sur le forum Liferay pour savoir si un fichier est encodé sous le format UTF-8. (A moins que ce soit dans éclipse que je doit regarder? dans ce cas je fait comment?)

Et comment je fait pour savoir si le serveur me renvois bien de l'UTF-8?

[SpaceFrog]

commence déja dans éclispe dans les propriétés du fichier ...

[xborelly]

Alors les propriété du projet et de tout les fichiers n'étais pas tous régler sur UTF-8, mais cela a rien changer.

EDIT : Je viens de faire un test tout simple mais concluant! j'ai écrit dans mon fichier JS :

Code :

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

document.getElementsByClassName("test")[0].innerHTML = "&éçàè";

Et j'ai bien vus à l'affichage mon "&éçàè"! cela veut donc dire que c'est pas du Js-->HTML que cela coince.

Comment je peut checker que le json du serveur est bien envoyer avec les accents ou que le $.getJSON les écrase pas?

[SpaceFrog]

Comme sus dit par Daniel Jquery ne les "écrasera pas" ...

Regarde les headers dans ta console

[xborelly]

Ah! Je n'avais pas compris son message comme ça!

Qu'entent-tu par headers? les headers HTML?

[SpaceFrog]

les entêtes des réponses ajax ...

[xborelly]

Tu veut dire les paramètre utiliser dans ma fonction $.ajax que l'on peut trouver sous cette forme :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$.ajax({
	type: ,
	url: ,
	crossDomain: ,
	cache: ,
	dataType: ,
	contentType: ,
	data: ,
	success: function (result) {
 
		        }
	error: function (xhr, textStatus, errorThrown) {
		            console.log(errorThrown);
		        }});

Si c'est le cas cela va être dur vus que j'utilise $.getJSON avec comme seul paramètre l'URL et la fonction traitant les résulta....

Si ce n'est pas ça je ne vois absolument pas de quoi tu veut parler...

EDIT : Bon mea culpa, je viens de trouver que ma fonction $getJSON peut s'écrire :

Code :

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

1
2
3
4
5
6
7
$.ajax({
	url: requestURL,
	dataType: "json",
	contentType: "application/json; charset=UTF-8",
	success: function (result) {
 
		        }});

[SpaceFrog]

Non je veux dire

Regarde les headers dans ta console

les entêtes des réponses ajax ...

[xborelly]

A okai! je n'aurais pas penser aller chercher la!

Néanmoins je sens que je vais m'amuser pour y retrouver.... Voici la seule ligne s'affichant dans la console JS :

Code :

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

The Web Console logging API (console.log, console.info, console.warn, console.error) has been disabled by a script on this page.

Bon je vais voir si je peut trouver ce script et le désactiver au moins en dev....

[SpaceFrog]

heu juste F12 et ouvre la ligne de ton ajax

[xborelly]

La! Dans l'onglet network! j'ai réussit a avoir ses infos!



par contre je viens de tester l'URL avec les donnée JSON, et je vois que a l'intérieur il n'y a pas les accents.... J'en perd mon latin avec cette histoire...

EDIT : Bon j'ai trouver un début de réponse! ce n'est pas le javascript ou ajax qui bug! c'est le passage de la servlet java au js qui foire!

Code :

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

1
2
3
response.setContentType("text/json");
            PrintWriter out = response.getWriter();
            out.println(EncodingConverter.getISOtoUTF(responseString));

Actuellement j'ai ce code qui ne convertie pas les caractère spéciaux en UTF 8, mais, si j'envoie directement (donc sans le EncodingConverter.getISOtoUTF(data) ) je ne me retrouve plus avec des "?" dans mon code, mais des "�"!

[xborelly]

C'est bon mon problème est résolut!

On a remplacer :

Code :

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

1
2
3
4
response.setContentType("text/json");
 
PrintWriter out = response.getWriter();
out.println(EncodingConverter.getISOtoUTF(responseString));

Par :

Code :

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

1
2
3
4
5
6
7
8
response.setContentType("application/json; charset=UTF-8");
PrintWriter out = new PrintWriter(
            new OutputStreamWriter(response.getOutputStream(), "UTF8"), true);
 
byte[] isoBytes = responseString.getBytes("UTF-8");
String finalResponse = new String(isoBytes, "UTF-8");
 
out.println(finalResponse);