Appel rêquete Ajax

Version imprimable

Appel rêquete Ajax

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:

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

Voici le code :

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
 $(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:

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:

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

Ceci ne fonctionne pas non plus.

Merci par avance pour vos réponses

10/07/2014, 09h47
SpaceFrog

:?
Pourquoi multiplies tu les document ready ???
10/07/2014, 10h17
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.
10/07/2014, 10h34
SpaceFrog

supprimer ? regrouper !!

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

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

Code:

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");
        }
    });

Citation:

Envoyé par SpaceFrog

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:

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>