[MVC3/JQuery] Problème post ajax

Version imprimable

09/11/2011, 15h25
CUCARACHA

[MVC3/JQuery] Problème post ajax

Salut,

Nous travaillions sur un formulaire classique qui nécessite l'implémentation d'une petite fonctionnalité Ajax et nous avons un problème.

Je précise que la zone à mettre à jour est construite pendant le get à partir d'un EditorFor et d'un EditorTemplate.

Tout se passe bien, on récupère le modèle côté serveur avec les données saisies mais lorsque le httppost est terminé, c'est toute la page qui est remise à jour et non le div concerné.

J'ajoute que toute la page est remplacée par le contenu de ce qui aurait dû atterrir dans le Div.

Ca vous parle ?

D'avance merci

Laurent
09/11/2011, 16h26
mermich

Salut,

Vous utilisez les controles mvc ou jquery pour faire de l'ajax ?
UpdateTargetId a bien été renseigné ?

As-tu un petit bout de code pour mieux situer le problème ( la source généré devrait sufire) ?
09/11/2011, 20h55
neoncyber

Regard bien que tes fichier javascript soit dans le bonne ordre et tous renseigné,
il est possible que le javascript Ajax asp mvc n'est pas été corretement ajouté.

Salut,

En fait, j'ai trouvé. Chez mon client, le MVC installé était le 3R2 alors que chez moi c'était le 3.
Il y a eu pas mal de chamboulements côté ajax.
J'ai corrigé ça fonctionne.

Voici le source AJAX

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
 
//Suppression d'une ligne et rechargement de la grille complète par AJAX
function RemoveRow(rowId) {
    $.ajax(
        {
            type: "POST",
            url: "/Home/RemoveRow",
            context: $("#DetailsGrid"),
            data: "rowToRemove=" + rowId,
            success: function (data) {
                $(this).html(data);
            }
        }
    );
}
 
 
//Trouvé sur Internet, Post Ajax de tout le formulaire.
//En l'état ne fonctionne pas avec un objet fils de type collection.
$(function () {
    // Initialize progress dialog ...
    $("#ProgressDialog").dialog({
        autoOpen: false,
        draggable: false,
        modal: true,
        resizable: false,
        title: "Loading",
        closeOnEscape: false,
        open: function () { $(".ui-dialog-titlebar-close").hide(); } // Hide close button
    });
 
    // Handle form submit ...
    $("form").live("submit", function (event) {
        event.preventDefault();
        var form = $(this);
        $("#ProgressDialog").dialog("open");
        $.ajax({
            url: form.attr('action'),
            type: "POST",
            data: form.serialize(),
            success: function (data) {
                $("#FormContainer").html(data);
                $.validator.unobtrusive.parse("form");
            },
            error: function (jqXhr, textStatus, errorThrown) {
                alert("Error '" + jqXhr.status + "' (textStatus: '" + textStatus + "', errorThrown: '" + errorThrown + "')");
            },
            complete: function () {
                $("#ProgressDialog").dialog("close");
            }
        });
    });
});

++

Laurent