Conversion d'encodage en javascript?

Version imprimable

30/04/2009, 14h17
Invité

Conversion d'encodage en javascript?

Bonjour,

J'ai repris le développement d'un site en JSP (qui n'est pas mon langage préféré.... oh non....) et j'ai des problèmes avec AJAX.

J'ai une requête AJAX et il me retourne un String en UTF-8 mais mon site est en ISO-8859-1.

Comment convertir l'encodage de ma chaine de caractères?
30/04/2009, 15h20
Oscar Hiboux
Salut !

Alors, pour commencer, si ce n'est pas impératif de bosser en ISO-8859-1(5), travaille en UTF-8, ça devrait être plus fiable ! :mrgreen:

Maintenant, vérifie que :

- ton serveur HTTP soit bien configuré pour ce qui est des MIME-types / charset (normalement c'est correct, sauf si tu as l'a tripatouillé);
- ton service JSP fixe l'entête HTTP qu'il te faut (si c'est ISO-8859-1(5) alors soit);
- les chaînes que tu envoies soient véritablement encodées en... ah ! ISO-8859-1(5) ? Ah bah non, c'est de l'UTF-8 par défaut... ^^'

Java et JavaScript utilisent UTF-8 par défaut si je ne m'abuse. Donc si tu tiens à utiliser un autre encodage alors il faut le faire à chaque communication... Bref !

Pour décoder / encoder des chaînes du côté JavaScript tu peux te servir de ces fonctions :
Code:

1 2 3 4 5 6 7 function encodeUTF8(string) { return unescape(encodeURIComponent(string)); } function decodeUTF8(string) { return decodeURIComponent(escape(string)); }
Je te laisse consulter leurs documentations respectives si tu as besoin de plus de détails (c'est intéressant de comprendre ce qu'elles font).

Finalement, tu devrais simplement pouvoir faire :

Code:

taChaîne = decodeUTF8(taChaîne);
30/04/2009, 15h42
Invité
@Oscar Hiboux: Merci pour ta solution. J'essais de la mettre en oeuvre mais j'ai une erreur :

Citation:

malformed URI sequence

Je ne comprends pas pourquoi. Ma syntaxe :
Code:

1 2 select_sous_cat = decodeUTF8(xhr.responseText);
Qu'est-ce que l'URI ?
30/04/2009, 17h40
Oscar Hiboux

Hmm, on dirait que le contenu de la réponse est biscornu. As-tu la possibilité de l'afficher ici ?

URI c'est Unified Resource Identifier. C'est très proche d'URL, mais... en différent ! :mrgreen: Je te laisse lire la page liée au dessus, c'est bien expliqué.
04/05/2009, 11h20
Invité

Citation:

Envoyé par Oscar Hiboux

Hmm, on dirait que le contenu de la réponse est biscornu. As-tu la possibilité de l'afficher ici ?

URI c'est Unified Resource Identifier. C'est très proche d'URL, mais... en différent ! :mrgreen: Je te laisse lire la page liée au dessus, c'est bien expliqué.

Voilà la réponse :

Citation:

<select name='sous_cat' id='id_sous_cat' onChange='javascript:refresh_sousSousCat(1);' style='width
:100%;display:block;'><option value=''>-- Sous-catégorie --</option><option value='243'>Moniteurs</option
><option value='247'>Enregistrement</option><option value='300'>Caméras</option><option value='307'>Accessoires
</option><option value='328'>Solutions réseaux</option><option value='464'>Portiers Vidéo</option></select
>

A part les retour à la ligne bizarres je ne vois pas de problème

Hmm, étrange. J'ai du mal à cerner ton problème et surtout assez peu de temps, ne le cachons pas !.. ^^'

Essaye avec ces petites méthodes que j'utilise pour mes affaires. Je les avais écrites dans le temps, ne connaissant pas encode/decodeURIComponent et finalement c'est ça que j'utilise quand j'en ai besoin. C'est plus verbeux à inclure dans ta bibliothèque de code mais au mode c'est platform agnostic (implémentation indépendante).

Bien entendu, si tu n'utilises pas prototype.js il faudra sans doute adapter une ou deux bricoles, mais rien de grave, pas de panique ! :D

Code:

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
 
Object.extend(String.prototype, {
    encode: function(encoding) {
        encoding = encoding || "UTF-8";
 
        var result = "";
 
        if(encoding == "UTF-8") {
            var string = this.replace(/\r\n/g, "\n");
 
            for(var index = 0; index < string.length; index++) {
                var c = string.charCodeAt(index);
 
                if(c < 128) {
                    result += String.fromCharCode(c);
                }
                else if((c > 127) && (c < 2048)) {
                    result += String.fromCharCode((c >> 6) | 192);
                    result += String.fromCharCode((c & 63) | 128);
                }
                else {
                    result += String.fromCharCode((c >> 12) | 224);
                    result += String.fromCharCode(((c >> 6) & 63) | 128);
                    result += String.fromCharCode((c & 63) | 128);
                }
            }
        }
        else {
            throw new Error("Unknown encoding: \"" + encoding + "\"");
        }
 
        return result;
    },
 
    decode: function(encoding) {
        encoding = encoding || "UTF-8";
 
        var result = "";
 
        if(encoding == "UTF-8") {
            var index = 0;
            var c = c1 = c2 = 0;
 
            while(index < this.length) {
                c = this.charCodeAt(index);
 
                if(c < 128) {
                    result += String.fromCharCode(c);
                    index++;
                }
                else if((c > 191) && (c < 224)) {
                    c2 = this.charCodeAt(index + 1);
                    result += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
                    index += 2;
                }
                else {
                    c2 = this.charCodeAt(index + 1);
                    c3 = this.charCodeAt(index + 2);
                    result += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
                    index += 3;
                }
            }
        }
        else {
            throw new Error("Unknown encoding: \"" + encoding + "\"");
        }
 
        return result;
    }
});

Tel quel, tu l'utiliserais ainsi :

Code:

1
2
"J'aime le café et la spéléologie.".encode();
"Ã€ l'Ã©cole, je n'aimais pas la gÃ©ographie.".decode();

(ou pas loin : l'éditeur du forum affiche mal les caractères tordus, ahahah ! :aie:)

Code:

1
2
<%@ page contentType="text/xml; charset=UTF-8" %>
response.setContentType("text/html; charset=UTF-8");

ne marche pas?

04/05/2009, 16h54
Oscar Hiboux

Le header est une chose, mais il faut être bien sûr que le contenu véhiculé soit en accord avec lui. D'où ma petite énumération plus haut ! ^^