Discussion :

[kolodz]

Bonjour,

En voulant transposer un code Javascript au site developpez.com pour faire un exemple dans un billet de blog, j'en rencontré un problème d'encodage que je n'arrive à pas à résoudre.


Dans le cas de developpez.com :

Code :

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

1
2
3
4
5
6
7
8
9
var selecttorContent= '.content';
  $.ajax({
    url: 'http://www.developpez.com/actu/97095/Windows-10-Microsoft-travaille-sur-une-refonte-de-File-Explorer-son-utilitaire-de-gestion-de-fichiers/',
    type: 'GET',
    async: false,
    success: function (data) {
       console.log($(data).find(selecttorContent).html());
    }
  });

Les accents ne sont pas affichés correctement en console. (Lancé depuis la page d’accueil de developpez.com ou la page d'actualité concerné)

L�objectif de l�explorateur de fichiers Fi

Code :

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

1
2
3
4
5
6
7
8
9
10
var selecttorContent= ''#entry_text_1242';
  $.ajax({
    url: 'http://www.developpez.net/forums/blogs/863457-autran/b1242/migration-dobjets-metier-java-vers-javascript/',
    type: 'GET',
    async: false,
    success: function (data) {
        console.log($(data).find(selecttorContent).html());
    }
  });
console.log(remote);

Dans ce cas les accents sont correctement affichés en console. (Lancé depuis une page du forum ou depuis le billet de blog concerné)

On remarque que les règles de passage de Java à JavaScript semblent assez simples si on accepte quelques petites entorses aux règles strictes de l'objet et notamment l'encapsulation grâce aux mentions de protection. En effet, en Java les propriétés sont <span style="font-family: monospace; padding: 2px; background: #eee">privates</span>et donc seulement accessibles au travers de getter et setter. Tandis qu'en JavaScript

Dans les deux cas, la page d'arrivé et de départ son déclarée en ISO-8859-1. je suis certains qu'il y a un problème d'encodage, mais je n'arrive pas à identifier.
J'ai testé un peu toutes les "solutions" à ce problème que j'ai pu trouve, mais aucune ne fonctionne.

Si vous avez une idée de la cause du problème et pourquoi celui-ci est présent sur developpez.com mais pas sur developpez.net

Cordialement,
Patrick Kolodziejczyk.

[andry.aime]

Bonjour,

Tu peux spécifier l'encodage dans le paramètre:

Code :

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

contentType: "application/x-www-form-urlencoded;charset=ISO-8859-1"

http://api.jquery.com/jquery.ajax/

A+.

[kolodz]

Cela fait partie des solutions déjà testées.
Par acquis de conscience, j'ai refait le test avec ce paramètre (et quelques variante). Toujours le même problème d'encodage.

[thelvin]

Uh, c'est vicelard comme situation.

La différence, c'est que l'une des pages envoie le header "Content-Type: text/html; charset=iso-8859-1" et donc jQuery sait comment la décoder. Et l'autre page le header "Content-Type: text/html" sans charset et donc jQuery utilise celui par défaut recommandé, pas le bon donc.

Je ne sais pas comment convaincre jQuery de faire autrement, mais en utilisant XMLHttpRequest c'est tout simple :

Code :

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

1
2
3
4
5
6
7
8
var selecttorContent= '.content';
var xhr = new XMLHttpRequest();
xhr.overrideMimeType("text/html; charset=iso-8859-1");
xhr.addEventListener("load", function (e) {
       console.log($(xhr.response).find(selecttorContent).html());
    });
xhr.open("GET", 'http://www.developpez.com/actu/97095/Windows-10-Microsoft-travaille-sur-une-refonte-de-File-Explorer-son-utilitaire-de-gestion-de-fichiers/');
xhr.send();

[kolodz]

Merci pour cette analyse ! je me doutais que c'était un truc tordu dans le genre
Je prends ta solution ! N'étant pas spécialement intéressé par l'utilisation de JQuery, tant que ça marche

Cordialement,
Patrick Kolodziejczyk.

[andry.aime]

Re,

@thelvin

Code :

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

1
2
3
  beforeSend: function( xhr ) {
    xhr.overrideMimeType( "text/plain; charset=iso-8859-1" );
  }

A+.

[thelvin]

Merci

Entre-temps on m'a soufflé dans l'oreillette que jQuery a un truc fait directement pour ça :

Code :

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

mimeType: 'text/html; charset=ISO-8859-1',

Ça a l'air de marcher.