Question : Struts2 avec appel JQUERY AJAX

Bonjour,

j'aurai besoin d'un renseignement sur l'écriture de ma requête AJAX Jquery avec Struts, sur internet je trouve tout est n'importe quoi.

J'essaye de passer d'un formulaire 5 variable d'un formulaire jsp vers mon action InscriptionAction, mais l'appel AJAX Jquery échoue quelque soit les tentatives :

Voici ma requête AJAX :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
function Enregistrement() {
 
	var urlRacine = getBaseURL();
 
	var donnees = 'nom=' + $("#inputNom").val() + '&prenom=' + $("#inputPrenom").val() + '&mail=' + $("#inputEmail").val() + '&password=' + $("#inputPassword").val() + '&passwordvalidation=' + $("#inputPasswordValidation").val()
 
    $.ajax({    	
        url: 'inscription',        
        type:'POST',        
        data : donnees,
        dataType : 'html',
        success: function(response){
        	console.log("Vous êtes enregistré !");
        },
        error: function(e){
        	console.log("Votre Enregistrement a échoué");
        }
     });
 
}

Mon formulaire :

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
 
			<form class="form-horizontal">
			  <div class="form-group">
			    <label for="inputNom" class="col-sm-2 control-label">Nom</label>
			    <div class="col-sm-10">
			      <input type="text" class="form-control" id="inputNom" placeholder="Nom">
			    </div>
			  </div>
			  <div class="form-group">
			    <label for="inputPrenom" class="col-sm-2 control-label">Prénom</label>
			    <div class="col-sm-10">
			      <input type="text" class="form-control" id="inputPrenom" placeholder="Prénom">
			    </div>
			  </div>
			  <div class="form-group">
			    <label for="inputEmail" class="col-sm-2 control-label">Email</label>
			    <div class="col-sm-10">
			      <input type="email" class="form-control" id="inputEmail" placeholder="Email">
			    </div>
			  </div>
			  <div class="form-group">
			    <label for="inputPassword" class="col-sm-2 control-label">Password</label>
			    <div class="col-sm-10">
			      <input type="password" class="form-control" id="inputPassword" placeholder="Password">
			    </div>
			  </div>
			  <div class="form-group">
			    <label for="inputPasswordValidation" class="col-sm-2 control-label">Password</label>
			    <div class="col-sm-10">
			      <input type="password" class="form-control" id="inputPasswordValidation" placeholder="Validation Password">
			    </div>
			  </div>
 
			  <div class="form-group">
			    <div class="col-sm-offset-2 col-sm-10">
			      <button type="submit" class="btn btn-default" onClick="Enregistrement();">s'enregistrer</button>
			    </div>
			  </div>
			</form>

et mon stuts.xml :

Code:

1
2
 
		<action name="inscription" class="fr.action.InscriptionAction" method="validate"></action>

Il n'est pas impossible qu'il y ait une mauvaise écriture également dans mon struts.xml XD

De quelle manière échoue la requête Ajax ? Logs ? Atteint-elle le serveur ?

Non, elle n'atteint pas le serveur justement, elle passe directement dans error: function(e){} sans qu'il ne se passe rien. Aucun message de log.
Je me suis dit que je n’appelais pas correctement l'URL du coup j'ai essayé plusieurs type d'url, c'est la même chose pour toutes les combinaisons.

D'après la documentation de JQuery, tu peux passer 2 autres paramètres à ta fonction error()
Code:

1 2 3 4 error: function(jqXHR, textStatus, errorThrown ){ console.log(textStatus); console.log(errorThrown); }
Met le code précédent dans ton programme et tu devrais avoir des messages de log intéressants.