caracteres spéciaux, encodeURIComponent incorrect

**emeline** · 19/12/2006, 10h09

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 :

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

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.

**emeline** · 20/12/2006, 10h01

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

**emeline** · 20/12/2006, 14h41

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

Code :

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

escape(libelleRecherche)

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

Code :

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

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.

**sinsedrix** · 14/12/2011, 10h02

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 :

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

1
2
3
function escapeURIComponent(str) {  
  return escape(str).replace(/\+/g, '%2B');
}

**SpaceFrog** · 14/12/2011, 10h06

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/

**sinsedrix** · 14/12/2011, 10h48

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...

**SpaceFrog** · 14/12/2011, 10h59

Ben gère le charset partout
coté client

Code :

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

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

coté serveur (php):

Code :

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

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

**sinsedrix** · 14/12/2011, 11h31

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 :

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
	// 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() );
	};

**SpaceFrog** · 14/12/2011, 11h32

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

**sinsedrix** · 14/12/2011, 11h42

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

Code :

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

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

**SpaceFrog** · 14/12/2011, 11h44

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

**Watilin** · 14/12/2011, 13h40

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

**Bovino** · 14/12/2011, 13h58

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

**sinsedrix** · 14/12/2011, 14h00

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).

Envoyé par Watilin

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

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 :

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

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

caracteres spéciaux, encodeURIComponent incorrect

JavaScript

Discussions similaires

Partager

Partager