caracteres spéciaux, encodeURIComponent incorrect

Version imprimable

Bonjour, j'ai un soucis bizarre en javascript : encodeURIComponent semble mal encoder... Pour illustrer mon probleme j'ai fait un petit code tres simple :
Code:

1 2 3 4 5 6 7 8 9 <html> <body> <form> <input type="text" id="rechercheLibelleReferentiel"/> <input type="button" class="BoutonT2" value="Rechercher" onClick='alert(encodeURIComponent(document.getElementById("rechercheLibelleReferentiel").value));' /> </form> </body> </html>
Quand je tape "è" dans l'alert je me retrouve avec deux caracteres : %C3%A8 . Du coup quand je recupere ca sur mon serveur ca veut plus rien dire deux caracteres pour un... En fait d'apres la table hexa on a:
Ã => C3
¨ => A8

Je test sous IE ou firefox ca me fait la meme chose. Ca doit etre un probleme de charset mais je ne vois rien de special pourtant... comment bien utilisé le encodeURIComponent pour qu'il me traduise par è => E8 qui est la bonne correspondance?

Merci d'avance de m'aider. :oops:

20/12/2006, 10h01
emeline

bon bah comme personne n'a d'idée, je pense repasser derriere le mauvais encodage fait par encodeURIComponent en transformant les suites tel que %C3%A8 par le vrai code %E8 du caractere "è" dans une fonction à la main. Je vais deja faire pour tous les caracteres accentués... tant pis pour les autres caracteres spéciaux.

Mais si qq'un retrouve une idée n'hesitez pas, je suis souvent sur le fofo ;)
20/12/2006, 14h41
emeline

J'ai contourné le probleme en n'utilisant pas encodeURIComponent mais

Code:

escape(libelleRecherche)

et coté serveur pour moi en java j'ai fait

Code:

libelleRecherche=URLDecoder.decode(libelleRecherche, "ISO-8859-1");

Voila je laisse ouvert le thread car ca m'explique pas pourquoi le encodeURIComponent marche mal mais au moins si qq'un tombe sur le meme probleme a resoudre il a ma solution de secours.
14/12/2011, 10h02
sinsedrix
Bonjour, je rencontre le même problème.

Apparemment, c'est dû au fait que encodeURIComponent encode en UTF-8,
alors que escape encode en latin i.e. ISO-8859-1.

Le problème est que escape ne convertit pas certains symboles dont "+".

En attendant mieux, il faut coder sa propre fonction d'encodage :
Code:

1 2 3 function escapeURIComponent(str) { return escape(str).replace(/\+/g, '%2B'); }
14/12/2011, 10h06
SpaceFrog

Oulà !!!
évite de te lancer dans des replaces comme ça, tu tomberas toujours su un caractère oublié ... et gère plutôt le charset ...

Celui de ton fichier ..
celui de la balise meta de ta page
celui du header de ta page
celui de la source des données ( BDD )
celui de ton serveur

un petit topo sur le sujet
http://j-willette.developpez.com/tut...-site-en-utf8/
14/12/2011, 10h48
sinsedrix

Oula oui !

Si je pouvais, je passerais toute l'appli en UTF-8 mais je développe simplement la partie client, je n'ai pas accès aux serveurs ni aux BDD.

Mes fichiers sont encodés en ANSI (contrainte de l'environnement).
J'utilise le charset ISO-8859-1 dans mes META.

Il se trouve que j'utilise jQuery.ajax pour poster mon formulaire. Si je sérialise mon formulaire avec jQuery.fn.serialize, le résultat sera encodé en UTF-8 (car il utilise encodeURIComponent). J'ai donc développé mon propre jQuery.fn.serializeLatin() pour mes besoins.

Si tu as une meilleure solution à proposer je suis preneur...
14/12/2011, 10h59
SpaceFrog

Ben gère le charset partout
coté client

Code:

this.xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=iso-8859-1");

coté serveur (php):

Code:

header('Content-Type: text/html; charset=ISO-8859-15');

Merci,

Il faut pourtant éviter de sérialiser un formulaire en UTF-8 si on souhaite le soumettre en ISO-8859-1 !

D'où le contournement suivant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
	// Equivalent de encodeURIComponent en ISO-8859
	function escapeURIComponent(str) {  
		return escape(str).replace(/\+/g, '%2B');
	}
 
	// Equivalent de $.param en ISO-8859
	$.paramLatin = function( a ) {
		var s = [];
 
		$.each( a, function( i, kv ) {
			s[ s.length ] = escapeURIComponent(kv.name) + "=" + escapeURIComponent(kv.value);
		});
 
		return s.join("&").replace(/%20/g, '+');
	};
 
	// Equivalent de $.fn.serialize en ISO-8859
	$.fn.serialiserLatin = function() {
		return $.paramLatin( this.serializeArray() );
	};

14/12/2011, 11h32
SpaceFrog

un simple escape ne suffirait pas si le header est correct ?

Pas si un input contient un caractère spécial comme "+" :

Code:

1
2
3
4
5
escape('='); // renvoie "%3D"
escape('+'); // renvoie "+"
 
escapeURIComponent('='); // renvoie "%3D"
escapeURIComponent('+'); // renvoie "%2B"

14/12/2011, 11h44
SpaceFrog

et coté serveur avec uriencode ... doit y avoir un decode dispo non ?
14/12/2011, 13h40
Watilin

Le « + » est codé pareil en UTF-8 et en ISO-8859-*, je comprends pas pourquoi tu as besoin de l'encoder :koi:
14/12/2011, 13h58
Bovino

Citation:

Envoyé par Watilin

Le « + » est codé pareil en UTF-8 et en ISO-8859-*, je comprends pas pourquoi tu as besoin de l'encoder

Parce que dans une URL, le "+" correspond à un espace ;)
14/12/2011, 14h00
sinsedrix
Citation:

Envoyé par SpaceFrog

et coté serveur avec uriencode ... doit y avoir un decode dispo non ?

Comme je l'ai dit précédemment, je n'ai pas la main sur la partie serveur (qui de plus n'est pas en PHP).

Citation:

Envoyé par Watilin

Le « + » est codé pareil en UTF-8 et en ISO-8859-*, je comprends pas pourquoi tu as besoin de l'encoder :koi:

Malheureusement le "+" n'est pas encodé par défaut car c'est un caractère spécial qui représente un espace, d'où mon fix :
Code:

1 2 escape('+'); // renvoie "+" escapeURIComponent('+'); // renvoie "%2B"