Discussion :

[Mister Nono]

Bonjour,

Dans une JSP je fais une requête AJAX :

Code :

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

1
2
3
4
 
var lien = "comTesterAjax.do";
xhr.open("post", lien, true);
xhr.send(null);

... vers une Action avec la configuration Struts suivante :

Code :

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

1
2
3
4
5
6
7
 
<action
             path="/comTesterAjax" 
             type="pages.com.TesterAction"
             name="ComTesterForm"
             scope="request"
             validate="false" />

Le dialogue client / serveur fonctionne bien.

Mon soucis est de pouvoir récupérer les variables du formulaire dans le execute du Action via une commande de ce type :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
public ActionForward execute(ActionMapping mapping, ActionForm form,
            HttpServletRequest request, HttpServletResponse response)
    {
TesterForm formulaire = (TesterForm) form;
System.out.println("valeur de la variable => " + formulaire.getVariable());
 
... suite du code
 
}

... mais la variable du formulaire est égale à null;

Peut-on récupérer les valeurs du formulaire dans une requête AJAX ?
Et comment fait-on cela ?

Merci.

[mattheox]

tu écris :

Code :

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

1
2
3
var lien = "comTesterAjax.do";
xhr.open("post", lien, true);
xhr.send(null);

donc tu n'envoies aucune donnée ;-)
Attention, ce n'est pas parce que tu en POST que le formulaire est envoyé, c'est à toi de l'envoyer manuellement..
Comme tu es en POST, n'oublies pas de configurer le content-type :

Code :

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

1
2
3
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
data = "champ1=" + document.getElementById('champ1').value +  "&champ2=" + document.getElementById('champ1').value;
xhr.send(data);

[Mister Nono]

Merci mattheox pour tes explications qui sont intéressantes.

Mais je ne comprends pas pourquoi je suis obligé d'envoyer manuellement les données du formulaire puisque je travaille avec struts : cela m'étonne que cela n'est pas été prévu.

Qu'en penses-tu ?

[mattheox]

- struts fonctionne avec une soumission de formulaire (submit()).
- ajax ne fonctionne pas avec une soumission de formulaire, c'est ce qui fait son charme et son utilité.

en général, avec Ajax, on ne veut envoyer qu'une partie du formulaire, sinon autant envoyer tout le formulaire... sans utiliser Ajax.
et il est possible d'envoyer alors une/plusieurs valeur(s) à une action struts, mais il faut bien penser à envoyer les valeurs des données : clé et valeur , comme dans une url

Code :

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

1
2
3
var url = "monAction.do?name=toto";
xhr.open("get", url, true);
xhr.send(null);

après si tu as défini ton form :

Code :

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

1
2
3
4
public class MonForm extends ActionForm {
 private String name;
 setter/getter
}

et que dans le struts-config.xml, tu fais bien référence à ce form, tu auras la valeur toto dans MonForm.getName()!

Attention :
avec la méthod GET, pour les mêmes valeurs de l'url, Internet Explorer garde en cache le résultat de la requête ajax et ne fait pas obligatoirement l'appel au serveur, le seul moyen est de passer par une requête POST; firefox fait bien l'appel à chaque fois au serveur en GET!

[Mister Nono]

Merci beaucoup mattheox.

Au moins tu maîtrises ce sujet.

Une dernière petit question qui suit ce que tu as signalé :

Comme tu es en POST, n'oublies pas de configurer le content-type :

Code :

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

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

... est ce que côté serveur je dois renseigner le Content-Type, et de quelle manière ?

Par exemple pour envoyer du html je fais :

Code :

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

response.setContentType("text/html");

Merci encore.

[mattheox]

Une dernière petit question qui suit ce que tu as signalé :

... est ce que côté serveur je dois renseigner le Content-Type, et de quelle manière ?

Par exemple pour envoyer du html je fais :

Code :

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

response.setContentType("text/html");

Merci encore.

il vaut toujours mieux indiquer le Content-type quand tu le connais, ça aide le navigateur a bien interprété le flux qu'il reçoit.
si tu veux envoyer un fichier xls... il faut l'indiquer pour éviter qu'il ne l'interprète comme du html ;-)