Appel Jsp depuis Javascript : problèmes d'accents

Version imprimable

Bonjour,

J'ai un problème lors du passage des paramètres à un JSP (appel via javascript -XMLHttpRequest-) les accents sont remplacés par un point d'interrogation.

Remarques :
1) Tout est défini en UTF-8 dans mon application :
*Dans chaque JSP :
Code:

1 2 3 4 5 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> <% request.setCharacterEncoding("UTF-8"); response.setCharacterEncoding("UTF-8"); %>
*UTF-8 est définit dans Server.xml et Web.xml

2) Je fais bien un "escape" en javascript sur les parametres avant d'envoyer l'URL.

3) Dans le jsp de reception, si j'affiche la queryString :

Code:

request.getQueryString();

il semble que l'url soit bien encodée (les espaces sont remplacés par %20, les accents par %E9, etc.)
Exemple : si je passe la valeur "Comptabilité", la QueryString renvoyée est "Service=Comptabilit%E9"

4) Quand je fais un

Code:

request.getParameter("Service");

la page me retourne "Comptabilit?".
Par contre, si la valeur du paramètre "Service" est "service communication", request.getParameter("Service") me retourne
bien "service communication" (donc les %20 sont bien décodés).

5) J'ai essayé de faire un

Code:

URLDecoder.decode(request.getParameter("Service"),"UTF-8");

Ca me retourne "Comptabilit?"

Voici le Code javascript qui fait appel à à la JSP :
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 function Afficher() { var Service = document.getElementById("Cb_Services"); var SearchBy = document.getElementById("Cb_SearchBy"); var SearchField = document.getElementById("SearchField"); if(SearchBy.value!='Aucun') { if(SearchField.value.length==0) { //Si recherche mais que champ vide ->ne sert à rien d'afficher quelque chose alert('Champ vide'); return; } } var OAjax; if (window.XMLHttpRequest) OAjax = new XMLHttpRequest(); else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP'); OAjax.open("POST",'ajax_Fiches.jsp?Service='+escape(Service.value)+'&SearchBy='+escape(SearchBy.value)+'&SearchField='+escape(SearchField.value),true); OAjax.onreadystatechange = function() { if (OAjax.readyState == 4 && OAjax.status==200) { if (document.getElementById) { document.getElementById('content').innerHTML=OAjax.responseText; } } } OAjax.setRequestHeader("Content-Type", "text/plain;charset=UTF-8"); OAjax.send(null); }
EDIT
En fouillant le net, j'ai peut être trouvé un début d'explication :
il semblerait que pour le "é" :
- %E9 est le code ISO-8859-1
- le code UTF-8 est %C3%A9

Or, ici le code récupéré dans la jsp est %E9. Serait-ce la méthode "Open" dans le code javascript qui envoit en ISO-8859-1 au lieu de UTF-8 ?
Dans ce cas, comment changer ?

Quelqu'un aurait-il une idée ? J'avoue que je suis bloqué là...

Grand merci d'avance.

Lars

29/01/2009, 14h52
Banks

J'ai le même problème. As-tu trouvé une solution? Quelqu'un aurait-il quelque chose à proposer? Sinon, il me semble qu'il serait plus adéquat de déplacer ce sujet dans la section Servlet/JSP. J'en appel aux administrateurs pour cela.

Solution

Hello,

Je suis retourné voir dans le code. Alors voilà comment j'ai fait (à ajouter dans ton javascript) :

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
 
/************ Gestion UTF-8 ************/
/***************************************/
function utf8(wide) {
  var c, s;
  var enc = "";
  var i = 0;
  while(i<wide.length) {
    c= wide.charCodeAt(i++);
    // handle UTF-16 surrogates
    if (c>=0xDC00 && c<0xE000) continue;
    if (c>=0xD800 && c<0xDC00) {
      if (i>=wide.length) continue;
      s= wide.charCodeAt(i++);
      if (s<0xDC00 || c>=0xDE00) continue;
      c= ((c-0xD800)<<10)+(s-0xDC00)+0x10000;
    }
    // output value
    if (c<0x80) enc += String.fromCharCode(c);
    else if (c<0x800) enc += String.fromCharCode(0xC0+(c>>6),0x80+(c&0x3F));
    else if (c<0x10000) enc += String.fromCharCode(0xE0+(c>>12),0x80+(c>>6&0x3F),0x80+(c&0x3F));
    else enc += String.fromCharCode(0xF0+(c>>18),0x80+(c>>12&0x3F),0x80+(c>>6&0x3F),0x80+(c&0x3F));
  }
  return enc;
}
 
var hexchars = "0123456789ABCDEF";
 
function toHex(n) {
  return hexchars.charAt(n>>4)+hexchars.charAt(n & 0xF);
}
 
var okURIchars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_-";
 
function encodeURIComponentNew(s) {
  var s = utf8(s);
  var c;
  var enc = "";
  for (var i= 0; i<s.length; i++) {
    if (okURIchars.indexOf(s.charAt(i))==-1)
      enc += "%"+toHex(s.charCodeAt(i));
    else
      enc += s.charAt(i);
  }
  return enc;
}

Puis, lors de l'appel à ta jsp :

Code:

1
2
 
var url='ajax_Fiches.jsp?Service='+encodeURIComponent(Service.value)+'&SearchBy='+encodeURIComponent(SearchBy.value)+'&SearchField='+encodeURIComponent(SearchField.value);

Puis :

Code:

1
2
 
OAjax.open("POST",url,true);

Normalement ça devrait rouler :D

@+

Guillaume

30/01/2009, 09h30
OButterlin
waooooooouh ! J'hallucine 8O

J'utilise AJAX avec des pages configurées en UTF-8 et je n'ai jamais eu besoin de tout ce truc... Tu as dû rater quelque chose...

Essaye avec ce contentType
Code:

1 2 3 4 httpRequest.open("POST", "./aideChamp", true); httpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); ...
A+
31/01/2011, 17h34
boivsam
Bonjour,

Désolé de faire revivre un post vieux de 2 ans mais j'ai un problème très similaire à celui de Lars à l'exception que mon appel au Jsp ne se fait pas avec javascript/ajax mais plutôt avec un simple lien html (ouvrir dans une autre page) et une balise img (thumbnail) :
Code:

1 2 3 <a href="/ImageloadingServlet?filename=URI-d'une-image-avec-parfois-des-accents"> <img src="/ImageloadingServlet?filename=URI-d'une-image-avec-parfois-des-accents&width=150&height=150" /> </a>
Je ne sais donc pas comment je peux spécifier le content-type de la Request pour qu'il convertisse bien mon "é" une fois dans le jsp comme le fait la méthode

Code:

setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

Quand je fais getQuerystring(), j'ai la valeur %E9 et quand je fait un getParameter("filename") le caractère en question devient un ?.

Merci à l'avance pour votre aide !