Comment configurer les alertes d'amorçage dans les pages de rasoir de base asp.net.

 <div class="alert alert-success">
   <strong>Well done!</strong> You successfully read this important alert message.
 </div>
1
krishna 24 août 2020 à 09:31

2 réponses

Meilleure réponse

Autant que je sache, si vous souhaitez afficher l'alerte, vous pouvez essayer d'utiliser jquery pour répondre à vos besoins, vous pouvez ajouter une classe dans le div d'alerte. Vous pouvez utiliser ajax pour appeler la méthode onpost de la page rasoir et vérifier la réponse si la réponse est vraie, vous pouvez alors alerter le succès sinon vous pouvez alerter le message d'échec.

Plus de détails, vous pouvez vous référer aux exemples de codes ci-dessous:

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

@{

    Layout = null;

}


<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<div class="alert alert-success alert-dismissible fade" id="buttonAlertSuccess">
    <strong>Well done!</strong> You successfully read this important alert message.
</div>
<div class="alert alert-success alert-dismissible fade" id="buttonAlertFail">
    <strong>False</strong> You failed read this important alert message.
</div>
<button class="btn btn-secondary" id="modalButton" type="submit">Button</button>
@Html.AntiForgeryToken()

<script>
    $(function () {

        $("#modalButton").click(function () {

            $.ajax({
                type: "post",
                url: "index",
                beforeSend: function (xhr) {
                    xhr.setRequestHeader("CSRF-TOKEN",
                        $('input:hidden[name="__RequestVerificationToken"]').val());
                },
                success: function (response) {
                    if (response == "True") {
                        $("#buttonAlertSuccess").addClass('in');
                    } else {
                        $("#buttonAlertFail").addClass('in');
                    }
                }

            });

        })
    });
</script>

Méthode de publication:

    public ActionResult OnPost() {

        return new JsonResult("True");
    }

Remarquer:

Si vous souhaitez utiliser un appel ajax, vous devez définir les paramètres CSRF-TOKEN dans la méthode setup.cs ConfigureServices comme ci-dessous:

        services.AddAntiforgery(o => o.HeaderName = "CSRF-TOKEN");

Résultat:

enter image description here

1
Brando Zhang 24 août 2020 à 11:30

Veuillez trouver le code complet et essayez si cela vous aide

<!DOCTYPE html>
<html>
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<div id="alert_div" style="margin: 0 0.5%; -webkit-box-shadow: 3px 4px 6px #999;" class="alert-success">
<strong>Well done!</strong> You successfully read this important alert message.
 </div>
</body>
</html>
0
pallavi sahni 24 août 2020 à 07:08