Requête AJAX via jQuery mal décodée

**Tino13** · 25/08/2010, 20h52

Bonsoir à tous,

j'ai un petit souci lorsque j'essaie de mettre en place des requêtes AJAX sur un projet web : la requête transmise semble correcte, pourtant, l'encodage de la chaîne reçue semble être corrompu.

Voici ma Config :

web.xml :

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
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
71
72
73
74
75
76
77
78
79
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_4.xsd"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
                             http://java.sun.com/xml/ns/javaee/web-app_2_4.xsd"
    id="Test" version="2.4">
    <display-name>Ajax Test</display-name>
 
    <context-param>
        <param-name>log4jConfigLocation</param-name>
        <param-value>classpath:log4j.xml</param-value>
    </context-param>
    <context-param>
        <param-name>log4jRefreshInterval</param-name>
        <param-value>10000</param-value>
    </context-param>
    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>/WEB-INF/spring/webappContext.xml</param-value>
    </context-param>
 
    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>
 
    <listener>
        <listener-class>org.springframework.web.util.Log4jConfigListener</listener-class>
    </listener>
 
    <filter>
        <filter-name>encodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>UTF-8</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>encodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
 
    <servlet>
        <servlet-name>spring</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>/WEB-INF/spring/webappContext.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
 
    <servlet-mapping>
        <servlet-name>spring</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
 
    <servlet-mapping>
        <servlet-name>default</servlet-name>
        <url-pattern>/static/*</url-pattern>
    </servlet-mapping>
 
    <filter>
        <filter-name>httpMethodFilter</filter-name>
        <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>httpMethodFilter</filter-name>
        <servlet-name>spring</servlet-name>
    </filter-mapping>
 
    <session-config>
        <session-timeout>30</session-timeout>
    </session-config>
 
    <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>
</web-app>

webappContext.xml :

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
21
22
23
24
25
26
27
28
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"
	xmlns:context="http://www.springframework.org/schema/context"
    xmlns:mvc="http://www.springframework.org/schema/mvc"
	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.0.xsd 
                        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.0.xsd
                        http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd">
 
    <context:component-scan base-package="fr.test" />
    <mvc:annotation-driven />
 
    <bean id="viewResolver" class="org.springframework.web.servlet.view.UrlBasedViewResolver">
         <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
    </bean>
 
    <bean class="org.springframework.web.servlet.view.ContentNegotiatingViewResolver">
        <property name="mediaTypes">
            <map>
                <entry key="json" value="application/json" />
            </map>
        </property>
    </bean>
 
    <bean name="jsonView" class="org.springframework.web.servlet.view.json.MappingJacksonJsonView" />
</beans>

index.jsp :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta name="language" content="fr" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" src="/test/static/js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="/test/static/js/test.js" charset="UTF-8"></script>
    </head>
    <body>
        <form name="testform" method="post">
            <textarea id="testarea"></textarea>
            <input type="button" id="testbutton" value="Submit AJAX" />
        </form>
    </body>
</html>

test.js :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function checkEncoding(textStr)
{
	$.ajax({url: "ajax/test-encoding", dataType: "json", data: { text: textStr }, success : function(data, status, req) { $("#testarea").val(data.result); }});
}
$(document).ready
(
	function() 
	{
		$.ajaxSetup({ scriptCharset: "utf-8" , contentType: "application/json; charset=utf-8"});
		$("#testarea").val("Entrez le texte à envoyer via AJAX ici").click(function(e){ if ($(this).val() == "Entrez le texte à envoyer via AJAX ici") { $(this).val(""); } });
		$("#testbutton").click(function(e) { checkEncoding($("#testarea").val().trim()); });
	}
);

Mon contrôleur :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
@Controller
@RequestMapping("/ajax")
public class TestController
{
	private static final Logger log = Logger.getLogger(TestController.class);
 
	@RequestMapping(value = "test-encoding", method = RequestMethod.GET)
	public @ResponseBody JsonBean testEncoding(@RequestParam String text) 
	{
		log.debug(String.format("Received text \"%s\"", text));
		return new JsonBean(text);
	}
}

et enfin mon JsonBean :

Code :

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

1
2
3
4
5
6
7
8
9
public class JsonBean implements Serializable
{
	private static final long serialVersionUID = 1L;
 
	private String result;
	public JsonBean(String result) { this.result = result; }
	public String getResult() { return this.result; }
	public void setResult(String result) { this.result = result; }
}

Le fonctionnement est très simple :
- Quand je lance mon appli, la page index.jsp s'affiche. Elle contient un champ texte ainsi qu'un bouton.
- Un clic sur le bouton déclenche un appel Ajax GET avec jQuery, qui envoie simplement le contenu du champ texte. Au passage, le contenu du champ texte est URL-encodé.
- Le contrôleur reçoit la chaîne décodée par Spring, mais mal.
En effet, lorsque j'envoie "purée" par exemple, la requête ajax suivante est envoyée : http://localhost/test/ajax/test-enco...ext=pur%C3%A9e
Pourtant, en mettant un point d'arrêt dans mon contrôleur, je vois bien que je reçois la chaîne : "purÃ©e"
Est-ce que quelqu'un sait pourquoi la chaîne est décodée en ISO ?

Merci pour vos réponses...

**Tino13** · 27/08/2010, 20h55

Bonsoir à tous.
Après plusieurs jours à traquer l'erreur

, je suis enfin arrivé à la conclusion que mon erreur ne venait ni de Spring, ni de jQuery, mais de... Tomcat

En effet, dès que ma requête arrive dans le DispatcherServlet de Spring, le paramètre était déjà "corrompu".
Après avoir cherché longuement sur la doc de tomcat, j'ai trouvé qu'en fixant le paramètre "useBodyEncodingForURI" du connecteur HTTP dans le fichier server.xml, cela résoud le souci.
Voici 2 liens qui en parlent :
http://surunairdejava.blogspot.com/2...-encoding.html
et
http://old.nabble.com/request-parame...d18720039.html

Voici donc à quoi ressemble maintenant mon fichier server.xml dans ma conf Tomcat :

Code :

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

1
2
3
...
<Connector connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443" useBodyEncodingForURI="true" />
...

Pour la trouver celle là...

Requête AJAX via jQuery mal décodée [MVC]

Spring Web Java

Discussions similaires

Partager

Partager