Discussion :

[Julien698]

Bonjour,

Je n'arrive pas à faire marcher une requête Ajax, alors que j'utilise une solution qui a déja fonctionné pour d'autres parties de mon code.
Voici le contexte : Je possède un tableau et je souhaiterai ajouter une ligne, pour cela j'utilise une dialog qui s'ouvre après le clic sur le bouton "Ajouter une rubrique", jusque là tout se passe bien. La dialog est composée d'une Checkbox et d’une textbox, la valeur de la Textbox sera la nouvelle ligne à ajouter au tableau. Lors du clic sur envoyer je refais une confirmation (confirm if..else), et lors du clic sur envoyer, la requête ajax doit commencer mais rien ne se passe. J'ai déjà utilisé cette solution pour d'autres applications mais je ne passais pas par la dialog, est-ce ça qui empêche le fonctionnement ?

Le but étant d'appeler une méthode ActionResult() dans mon code pour effectuer le traitement.

Code :

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

1
2
3
4
5
        public ActionResult AddSection(int ParentId = 0)
        {
 
            return View("AddSection",list);
        }

Voici le code :

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
 $(document).ready(function () {
        $("#dialog").dialog({
            autoOpen: false,
            position: ['center', 'top'],
            widtgh: 400        
        })
    });
 
    $(document).ready(function () {
        $('#btnCreate').click(function () {
            $('#dialog').dialog('open');
 
        });
    });
 
    $(document).ready(function () {
        $("#Submitbutton").submit(function () {
            if (confirm('envoyer ?')) {
                var url2 = '/Thematic/AddSection';
                $("#dialog").dialog({
                    beforeClose : function(event, ui) { //avec ou sans le before close ça ne marche pas
                        $.ajax({
                            url: url2,
                            type: 'GET',
                            cache: false,
                            data: { parentId: DropDown.val() }
                        })
                    }})       
            }
        })
    });

J'ai également essayé :

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
$(document).ready(function () {
        $("#Submitbutton").click(function () { // Malgré que SubmitButton soit de type submit
            if (confirm('Envoyer')) {         
                $("#dialog").dialog({
                    beforeClose: function( event,ui){ 
                        var url3 = '/Thematic/AddSection';
                        $.ajax({
                            url: url3,
                            type: 'GET',//Problème avec la requête ajax, ne se déclenche pas
                            cache: false,
                            data: { parentId: DropDown.val() }
                        })
                    }               
                })
 
            }
            else {
                alert("t'es mort");
            }
        })
    });

Code :

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

$("#dialog").on("dialogbeforeclose", function (event, ui) { alert('test') });

Ceci ne fonctionne pas non plus.

Merci par avance pour vos réponses

[SpaceFrog]

Pourquoi multiplies tu les document ready ???

[Julien698]

Salut,

C'est vrai que je n'aurais pas du les multiplier, je viens de les virer sauf le premier mais ça ne marche pas pour autant, ceci dit c'est normal.

[SpaceFrog]

supprimer ? regrouper !!

sinon tu as vérifié la console pour voir les echanges ajax ?

[Julien698]

Voici la solution plus de document.ready partout et j'ai supprimé beforeClose et ça marche nickel !!!!

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
 $("#Submitbutton").click(function () {      
        if (confirm('Envoyer')) {
            var url3 = '/Thematic/AddSection';
                    $.ajax({
                        url: url3,
                        type: 'GET',
                        cache : false,
                        data: { parentId: DropDown.val() }
                    })
                    alert('test')
                    }        
        else {
            alert("t'es mort");
        }
    });

[Julien698]

supprimer ? regrouper !!

sinon tu as vérifié la console pour voir les echanges ajax ?

Oui je les ai regroupées en gros tout mon code jQuery donne ceci :

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
<script type="text/javascript">
    $(document).ready(function () {
        $('btnEdit').click(function () {
            window.location.href = '~\.html';
        });
 
 
 
 
        $('#btnCreate').click(function () {
            $('#dialog').dialog('open');
 
        });
 
 
 
    $("#dialog").dialog({
        autoOpen: false,
        position: ['center', 'top'],
        widtgh: 400
    });
 
 
 
    //$("#Submitbutton").submit(function () {
    //    if (confirm('envoyer ?')) {
    //        var url2 = '/Thematic/AddSection';
    //        $("#dialog").dialog({
    //            beforeClose: function (event, ui) {
    //                $.ajax({
    //                    url: url2,
    //                    type: 'GET',
    //                    cache: false,
    //                    data: { parentId: DropDown.val() }
    //                })
    //            }
    //        })
    //    }
    //});
 
 
 
    $("#Submitbutton").click(function () {      
        if (confirm('Envoyer')) {
            var url3 = '/Thematic/AddSection';
                    $.ajax({
                        url: url3,
                        type: 'GET',
                        cache : false,
                        data: { parentId: DropDown.val() }
                    })
                    alert('test')
                    }        
        else {
            alert("t'es mort");
        }
    }); 
});
</script>