Ajax POST avec spring

bonjour , qelqu'un pour m'aider , depuis une journee je n'arrive pas a poster les variable suite a un post recuperer par un script javascript , jquery .
je n'arrive meme pas a recuperer les parametre messages et object mais les deux autres qui sont des champs caches se chargent sur le fichier js du formulaire avant de les poster a un controleur spring .

voici le 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
 
<form  method="POST" class="form-inline" id="sendMailUser"  modelAttribute="xxxxxx" >
                            <!--Object-->
                            <div class="form-group" >
                                <label for="messageObject"  class="col-sm-25 control-label TitreAcceul">Objet :</label>
                                <div class=" " id="messageObject">
                                    <div class="col-xs-12 col-sm-8 col-md-4">
                                        <input type="text"  id="messageObject"   name="messageObject" class="form-control"
                                               placeholder=" " autofocus="true"  size="60" />
                                    </div>
                                </div>
                                <!--Espace entre les input -->
                                <div class="EspaceChampFormFrim" >
 
                                </div>
                                <!--Espace entre les input -->
                                <!--Prenom-->
                                <label class="col-sm-25 control-label TitreAcceul">Message :</label>
                                <div class=" " id="messageContenue">
                                    <div class="col-xs-12 col-sm-12 col-md-8">
                                        <textarea  id="messageContenue"  class="form-control" name="messageContenue"
                                                   placeholder="Veiller Ajouter Votre Message ..." />  </textarea>  
                                    </div>
                                </div>
                                <!--Espace entre les input -->
                                <div class="EspaceChampFormFrimMail" >
 
                                </div>
                                <!--Espace entre les input -->
                                <!--Email Destinataire -->
                                <input type="hidden"  id="messageDestinataire"  value="${xxxx}"  />
                                <input type="hidden"  id="messageDestinataireIdUser"  value="${xxxxx}" />
 
                            </div>
                            <!--Button -->
                            <p align="center" > <button type="submit" class="btn btn-primary has-spinner" ><span class="glyphicon glyphicon-send"></span>&nbsp;Envoyez</button>
                                &nbsp;&nbsp;<a href="<%=urlapplication%>xxxx" class="btn btn-primary has-spinner"><span class="glyphicon glyphicon-eject"></span>&nbsp;Annuler</a>&nbsp;&nbsp;</p>
                            </form>

et voici le code js

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
47
48
49
50
51
52
53
54
55
 
$(document).ready(function () {
    $('#sendMailUser').submit(function (e) {
        // Prevent the form from submitting via the browser.
        e.preventDefault();
         var obj = $("messageObject").val();
        var dataMessage = {
            messageObject: $("#messageObject").val(),
            messageContenue: $("#messageContenue").val(),
            messageDestinataire: $("#messageDestinataire").val(),
            messageDestinataireIdUser: $("#messageDestinataireIdUser").val()
        };
        //Log dataMessage before post
        console.log("dataMessage before post: " + dataMessage);
//------------------------
        bootbox.dialog({
            title: "<i class='glyphicon glyphicon-send'></i>  FRIM : ENVOIE MAIL COLLABORATEUR !",
            message: "<p class = 'TitreAcceuil'><i class='glyphicon glyphicon-send'></i>  Etes Vous Sur D'envoyer Votre Mail à " + dataMessage["messageDestinataire"] + " ?</p>",
            buttons: {
                success: {
                    label: "<span class='glyphicon glyphicon-eject '></span>&nbsp;Annuler",
                    className: "btn-danger",
                    callback: function () {
                        $('.bootbox').modal('hide');
                    }
                },
                danger: {
                    label: "<span class='glyphicon glyphicon-send'></span>&nbsp;Envoyer!",
                    className: "btn-success",
                    callback: function () {
                        $.ajax({
                            type: "POST",
                            url: "/xxxx/yyyyyyyyyyy",
                            data: dataMessage
                        })
                                .done(function (data) {
                                    bootbox.alert('<p class = "alert alert-success"> <span class = "glyphicon glyphicon-send"></span> &nbsp;Message Envoye Avec Succces....</p>'
                                            , function (result) {
                                                window.location = ("/MooUpdateSpringAppFrim/FrimSendMailStaf");
                                            });
                                    console.log("SUCCESS: ", data);
                                })
                                .fail(function (data) {
                                    bootbox.alert('<p class = "alert alert-warning"> <span class = "glyphicon glyphicon-send"></span> &nbsp;Erreur Envoie Mail....</p>');
                                    console.log("SUCCESS: ", data);
                                })
 
                    }
                }
            }
        });
 
    });
 
});

merci

Bonjour,

Citation:

Code:

1
2
3
4
5
6
<div class=" " id="messageObject">
                                    <div class="col-xs-12 col-sm-8 col-md-4">
                                        <input type="text"  id="messageObject"   name="messageObject" class="form-control"
                                               placeholder=" " autofocus="true"  size="60" />
                                    </div>
                                </div>

Un id doit être unique dans un document.

A+.

bonjour , merci grandement , oui c'etais ça le probleme .
encore merci mon chers