[ASP.NET] Actualisation de page après validation d'un formulaire

Bonjour,

J'ai une vue avec un formulaire en POST, lorsque je valide ce formulaire, je passe par une requête Ajax en JQuery afin d'executer une méthode C# me permettant de piocher dans ma base de données. Tout fonctionne, même l'affichage, seulement ma page s'actualise toute seule une fois le traitement terminé... auriez-vous une solution ? (c'est un projet d'entreprise)

code JS de la page:

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
 
$(document).ready(function () {
 
    //affichage des datepickers pour saisir la période date à date
    $("#datedebut").datepicker();
 
 
    $("#form_litige").submit(function () {
 
        var num_bl = $("#numero_bl").val();
        console.log(num_bl);
 
        $.ajax({
            type: "POST",
            url: "/Litiges/FindLitige",
            data: '{num_bl:"' + num_bl + '"}',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                if (msg.ok) {
                    if (msg.hasResult) {
                        $("#affichage_litige").empty();
                        $("#affichage_litige").html(msg.html);
                        console.log(msg.html);
 
                    }
                    else {
                        //$("#affichage_litige").append("<h1>Aucun résultat</h1>");
                        display_error("Impossible de récupèrer les informations");
                    }
                }
                else {
                    console.log(msg.error);
                    //EndLoadingScreen();
 
                }
            }
 
        });
 
    });
});

code HTML de la page:

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
 
@{
    Layout = "~/Views/Templates/_Clients.cshtml";
}
 
<div class="container">
    <div class="row">
        <div class="container">
            <form id="form_litige" method="post">
                <div class="row">
                    <div class="controls col-lg-offset-3 col-lg-6">
                        <div class="input-group has-feedback">
                            <span class="input-group-addon">Numéro de BL</span>
                            <input id="numero_bl" name="numero_bl" class="form-control" type="text" placeholder="Numéro de BL" class="input-large" value="00">
                            <span class="glyphicon glyphicon-search form-control-feedback"></span>
                        </div>
                    </div>
                </div>
                <br />
 
                <div class="container text-center">
                    <button class="btn btn-danger" type="submit">Rechercher</button>
                </div>
            </form>
        </div>
    </div>
    <div class="row">
        <div class="controls col-lg-offset-3 col-lg-6">
            <div class="input-group has-feedback">
                <span class="input-group-addon">Date de création du litige</span>
                <input id="numero_bl" name="numero_bl" class="form-control" type="text" class="input-large" value="@DateTime.Now.ToString().Substring(0,10)" readonly>
            </div>
        </div>
    </div>
 
    <br />
    <div class="row">
        <div class="controls col-lg-offset-3 col-lg-3">
            <div class="input-group has-feedback">
                <span class="input-group-addon">Date de réception : </span>
                <input id="datedebut" name="datedebut" class="form-control" type="text" placeholder="jj/mm/aaaa" class="input-medium">
                <span class="glyphicon glyphicon-calendar form-control-feedback"></span>
            </div>
            <span class="help-block"></span>
        </div>
    </div>
    <div id="affichage_litige" class="container"></div>
</div>
 
 
 
 
@Scripts.Render("~/Assets/Scripts/Clients/Litiges/index.js")