jQuery, ajax avec méthode POST n'envoie aucun paramètre uniquement sous Firefox

**d3mone** · 08/07/2009, 09h49

Bonjour,

J'ai un problème assez étrange avec jQuery 1.3.2, c'est même le monde à l'envers car tout fonctionne avec IE mais pas avec Firefox.

Le problème:
Je vais donc vous expliquer le problème que j'ai avec FF.

Toutes requêtes Ajax avec la méthode POST n'envoie pas de paramètres.
Alors qu'avec la méthode GET tout fonctionne.

Le contexte:
Pour vous situer le contexte, le serveur web utilise:

EAServer 4.2
Les servlets + JSP (ici mon protocole de test se limite aux servlets)
jQuery 1.3.2 (testé aussi avec la nightly build 1.3.3 et la 1.2.6 sans succès)

Le navigateur web: Firefox 3.5 finale ou 3.0.11 (même comportement)

Le code:

Voici mon protocole de test:
Tout d'abord le servlet me servant de test.
Le servlet retourne tout simplement le code html suivant ' <h1>test :</h1>PARAM ' où PARAM est le paramètre de nom 'test' envoyé indifférement en post ou en get.

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
 
public class TestServlet extends HttpServlet {
 
    /* doGet appel doPost */
    public void doGet(HttpServletRequest req, HttpServletResponse res)
    throws ServletException, IOException {
	doPost(req,res);
    }
 
    public void doPost(HttpServletRequest req, HttpServletResponse res)
    throws ServletException, IOException {
	/*je récupère le parametre 'test'*/
	String paramTest = req.getParameter("test");
 
	/* Je vais envoyé un document html */
	res.setContentType("text/html");
	PrintWriter out = res.getWriter();
	/* Je retourne le contenu de <paramTest>*/
	out.println("<h1>test :</h1>" + paramTest);
    }
}

Ensuite ma page web me servant de test:

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
 
<html>
<head>
<title>
	Test du javascript
</title>
<script type="text/javascript" language="Javascript" src="jquery.js"></script>
<script language="JavaScript">
function requeteAjax(){
	  $.ajax({
		type: "POST", 		//avec GET ça fonctionne sans PB
		url: "/WIZ/test",	//C'est l'url pour executer ma servlet
		data: "test=fonctionne",	//les paramètres sont correctements saisies car ça fonctionne en GET
		dataType: "html",	//J'attend un document html en réponse à ma requete Ajax
		success: function(doc) {
			$('body').html(doc);	//Je remplace le body de la page avec le résultat de la requete
		}
	});
}
</script>
</head>
<body>
 
<!-- Appel de la requête ajax qui me pose un PB uniquement sous firefox et uniquement avec la méthode POST -->
<input type="button" value="Envoie de données avec ajax  en post" onclick="javascript:requeteAjax();"/>
 
</body>
</html>

Avec firefox et la méthode POST je me retrouve avec la page suivante:

test :
null

Alors qu'avec IE ou firefox avec la méthode GET je me retrouve avec la page suivante:

test :
fonctionne

Mes tests:
J'ai tout simplement vérifié que ma servlet n'était pas en cause en réalisant un simple formulaire envoyé en POST.

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
 
<html>
<head>
<title>
	Test du javascript
</title>
</head>
<body>
<!-- Un formulaire envoyé en post qui fonctionne parfaitement, pour vour prouver que la méthode POST fonctionne bien dans mon servlet -->
<form name="formulaireDeTest" action="/WIZ/test" method="post">
	<input type="hidden" name="test" value="fonctionne"/>
	<input type="submit" value="Envoie de données sans ajax en post"/>
</form>
</body>
</html>

Les données sont bien envoyé à ma servlet et j'obtiens bien la page

test :
fonctionne

Les conclusions:

La servlet semble ne pas être en cause
La syntaxe de l'appel jQuery semble correct car ça fonctionne sous IE
Pourquoi uniquement la méthode POST ne transmet pas les paramètres et ce uniquement sous FF ?
Et pourquoi juste le passage de paramètres merde ?

Je ne sais pas quoi faire, et je ne vois pas d'où viens le problème.
Merci de votre aide par avance

**SpaceFrog** · 08/07/2009, 10h05

regarde au niveaui de jquery si tu as bine

Code :

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

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

de plus post doit etre en minuscules

Code :

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

method="post"

et le form avoir un name ... id ne suffit pas

**d3mone** · 08/07/2009, 10h09

Merci de ta réponse rapide SpaceFrog.

Oui, il y est par défaut de toute manière.
Et j'ai même testé de le forcer dans mon appel à la fonction $.ajax mais sans succès.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
$.ajax({
		type: "POST", 
		url: "/WIZ/test",
		data: "test=fonctionne",
		dataType: "html",
 
		//paramètre par défaut que j'ai forcé, mais aucun changement ...
		contentType: "application/x-www-form-urlencoded", 
 
		success: function(doc) {
			$('body').html(doc);
		}
	});

Mon formulaire n'est pas en cause, il est juste là pour vous montrer qu'en utilisant un formulaire avec la méthode 'post' ça fonctionne, alors que ma requête ajax avec la méthode 'post' elle ne fonctionne pas sous FF.
C'est juste une preuve que ma servlet n'est pas en cause - tout du moins c'est l'impression que ça me donne -.

**andry.aime** · 08/07/2009, 10h16

Salut,

Envoyé par SpaceFrog

de plus post doit etre en minuscules

Code :

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

type: "POST"

**d3mone** · 08/07/2009, 10h20

en effet andry.aime, la documentation officielle de jQuery préconise de mettre le type en majuscule, j'ai essayé en majuscule et minuscule et ça n'a rien changé.

D'ailleurs, même l'appel suivant me pose exactement le même problème sous FF:

Code :

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

1
2
3
4
5
6
$.post(	"/WIZ/test", 
	"test=fonctionne",
	function(doc) {
		$('body').html(doc);
	},
	"html");

**SpaceFrog** · 08/07/2009, 10h25

et le name ???

**andry.aime** · 08/07/2009, 10h34

Code :

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

1
2
3
4
5
6
$.post("/WIZ/test", 
	{test:"fonctionne"},
	function(doc) {
		$('body').html(doc);
	},
	"html");

Tu peux nous dire l'erreur retourner?

jQuery, ajax avec méthode POST n'envoie aucun paramètre uniquement sous Firefox

JavaScript

Vue hybride

Discussions similaires

Partager

Partager