Le contenu du Viewbag n'apparaît pas

J'ai une vue Razor d'application Web APS.Net où j'essaie d'afficher le message d'erreur Viewbag.error.

La méthode d'action remplit le viewbag mais la vue n'affiche pas le message d'erreur qui se trouve dans le viewbag. Il n'apparaît pas. Pourquoi?

Le paragraphe auquel le Viewbag est attaché n'apparaît même pas sur la 2ème photo. Sur la 1ère photo, je vois que c'est là.

J'ai aussi essayé d'utiliser 'TempData' mais cela produit le même résultat - n'apparaissant pas.

entrez la description de l'image ici

entrez la description de l'image ici

Voici la méthode d'action (simplifiée):

 [HttpPost]
 public async Task<ActionResult> DeleteUserAccount(string userName, string 
 password)
 {
 try
 {
 if (string.IsNullOrEmpty(userName) || 
 string.IsNullOrEmpty(password))
 {
 ViewBag.errormessage = "The 'user name' or 'password' is 
 invalid - empty. Please try again.";
 }
 else
 {
 // Cast.
 if ((string)Session["UserName"] == userName)
 {
 }
 else
 {
  ViewBag.errormessage = "Your 'user name' is invalid. It 
  is not the same as the 'user name' used at original sign 
  in. Please try again.";
 }
 }
 }
 catch (Exception ex1)
 {
 }
 return View();
 }

Voici la vue:

@Html.AntiForgeryToken()
<div class="login-panel">
 @if (ViewBag.errormessage!= null)
 {
 <p class="alert alert-danger" id="errorMessage">@ViewBag.errormessage</p>
 }
 <div class="form-group">
 <div class="col-md-12 col-xs-12">
 <h2>Delete Account</h2>
 <br />
 <h4 class="verify"><strong>I will need to verify your identity in order to delete your account.</strong></h4>
 <br />
 <h4 class="verify"><strong>Please provide the following:</strong></h4>
 </div>
 </div>
 <br />
 <div class="form-group">
 <div class="col-md-12 col-xs-12">
 <br />
 <label class="manadatory" for="UserName">User Name</label>
 <input id="UserName" type="text" value="" name="UserName">
 </div>
 </div>
 <div class="form-group">
 <div class="col-md-12 col-xs-12">
 <br />
 <label class="manadatory" for="Password">Password</label>
 <input id="Password" type="text" value="" name="Password">
 </div>
 </div>
 <div class="form-group">
 <div class="col-md-offset-0 col-md-10">
 <br />
 <input class="btn btn-primary deleteUserAccount" value="Delete Account">
 @Html.ActionLink("Cancel", "Index", "User", null, new { @class = "btn btn-info" })
 </div>
 </div>
</div>
<div class="modal fade" id="myModal4" role="dialog" display="none">
 <div class="modal-dialog">
 <div class="modal-content">
 <div class="modal-body" style="padding:10px;">
 <h4 class="text-center">Are you sure you want to permanently delete your account and all it contains? Continue?</h4>
 <div class="text-center">
  <a class="btn btn-info btn-yes4">Yes</a>
  <a class="btn btn-default btn-no4">No</a>
 </div>
 </div>
 </div>
 </div>
</div>
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@Styles.Render("~/Content/css")
<script type="text/javascript">
$(document).ready(function () {
 $(".deleteUserAccount").click(function (e) {
 var holdUserName = $('#UserName').val();
 var holdPassword = $('#Password').val();
 $("#myModal4").modal({
 backdrop: 'static',
 keyboard: false
 });
 $(".btn-yes4").click(function () {
 $("#myModal4").modal("hide");
 // Do the delete.
 // - Pass the 2 fields.
 $.ajax({
 type: 'POST',
 url: '@Url.Action("DeleteUserAccount", "User")',
 data: { userName: holdUserName, password: holdPassword},
 contentType: "application/x-www-form-urlencoded; charset=UTF-8",
 error: function (xhr, ajaxOptions, thrownError) {
  alert('Critical Error: something is wrong in the call to DeleteUserAccount for delete! Status: ' + xhr.status + '. Error: ' + thrownError.toString() + '. Response Text: ' + xhr.responseText);
 }
 });
 // Return.
 return true;
 });
 $(".btn-no4").click(function () {
 $("#myModal4").modal("hide");
 return false;
 });
 $("#myModal4").on('hidden.bs.modal', function () {
 $("#myModal4").remove();
 });
 });
})
</script>


Solution du problème

Ajax passe un appel et ne restitue pas une page

Manette

[HttpPost]
//I made method snchronous as it has no await, and there are no resources to add await to
public ActionResult DeleteUserAccount(string userName, string password)
{
 var errorMessage = String.Empty;
 try
 {
 if (string.IsNullOrEmpty(userName) ||
 string.IsNullOrEmpty(password))
 {
 //since this method is ajax, the view will not re-render, so errors need
 //to go into return value.
 //ViewBag.errormessage = "The 'user name' or 'password' is invalid - empty.Please try again.";
 errorMessage = "The 'user name' or 'password' is invalid - empty.Please try again.";
 }
 else
 {
 // Cast.
 if ((string)Session["UserName"] == userName)
 {
 }
 else
 {
 //ViewBag.errormessage = "Your 'user name' is invalid. It is not the same as the 'user name' used at original sign in. Please try again.";
 errorMessage = "Your 'user name' is invalid. It is not the same as the 'user name' used at original sign in. Please try again.";
 }
 }
 }
 catch (Exception ex1){}
 //return View();
 //since this is ajax, I am returning a json
 return Json(errorMessage, JsonRequestBehavior.AllowGet);
}
public ActionResult Index19()
{
 return View();
}

Voir

@{
 Layout = null;
}
<!DOCTYPE html>
<html>
<head>
 <meta name="viewport" content="width=device-width" />
 <title>Index19</title>
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
 <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js" integrity="sha384-LtrjvnR4Twt/qOuYxE721u19sVFLVSA4hf/rRt6PrZTmiPltdZcI7q7PXQBYTKyf" crossorigin="anonymous"></script>
 <script type="text/javascript">
 $(document).ready(function () {
 $(".deleteUserAccount").click(function (e) {
 //put this in here
 $("#myModal4").modal({
 backdrop: 'static',
 keyboard: false
 });
 //fixed the following line
 });
 $(".btn-yes4").click(function () {
 //put these here
 var holdUserName = $('#UserName').val();
 var holdPassword = $('#Password').val();
 $("#myModal4").modal("hide");
 // Do the delete.
 // - Pass the 2 fields.
 $.ajax({
 type: 'POST',
 url: '@Url.Action("DeleteUserAccount", "Home")',
 data: { userName: holdUserName, password: holdPassword },
 contentType: "application/x-www-form-urlencoded; charset=UTF-8",
 success: function (data) {
  if (data.length > 0) {
  $("#errorMessage").css("display", "block");
  }
  else {
  $("#errorMessage").css("display", "none");
  }
  $("#errorMessage").text(data);
 },
 error: function (xhr, ajaxOptions, thrownError) {
  alert('Critical Error: something is wrong in the call to DeleteUserAccount for delete! Status: ' + xhr.status + '. Error: ' + thrownError.toString() + '. Response Text: ' + xhr.responseText);
 }
 });
 // Return.
 return true;
 });
 $(".btn-no4").click(function () {
 $("#myModal4").modal("hide");
 return false;
 });
 //$("#myModal4").on('hidden.bs.modal', function () {
 // $("#myModal4").remove();
 //});
 });
 </script>
</head>
<body>
 @Html.AntiForgeryToken()
 <div class="login-panel">
 @*took out condition, and started with style none*@
 @*@if (ViewBag.errormessage!= null)
 {*@
 <p class="alert alert-danger" id="errorMessage" style="display:none">@ViewBag.errormessage</p>
 @*}*@
 <div class="form-group">
 <div class="col-md-12 col-xs-12">
 <h2>Delete Account</h2>
 <br />
 <h4 class="verify"><strong>I will need to verify your identity in order to delete your account.</strong></h4>
 <br />
 <h4 class="verify"><strong>Please provide the following:</strong></h4>
 </div>
 </div>
 <br />
 <div class="form-group">
 <div class="col-md-12 col-xs-12">
 <br />
 <label class="manadatory" for="UserName">User Name</label>
 <input id="UserName" type="text" value="" name="UserName">
 </div>
 </div>
 <div class="form-group">
 <div class="col-md-12 col-xs-12">
 <br />
 <label class="manadatory" for="Password">Password</label>
 <input id="Password" type="text" value="" name="Password">
 </div>
 </div>
 <div class="form-group">
 <div class="col-md-offset-0 col-md-10">
 <br />
 <input class="btn btn-primary deleteUserAccount" value="Delete Account">
 @Html.ActionLink("Cancel", "Index", "User", null, new { @class = "btn btn-info" })
 </div>
 </div>
 </div>
 <div class="modal fade" id="myModal4" role="dialog" display="none">
 <div class="modal-dialog">
 <div class="modal-content">
 <div class="modal-body" style="padding:10px;">
  <h4 class="text-center">Are you sure you want to permanently delete your account and all it contains? Continue?</h4>
  <div class="text-center">
  <a class="btn btn-info btn-yes4">Yes</a>
  <a class="btn btn-default btn-no4">No</a>
  </div>
 </div>
 </div>
 </div>
 </div>
</body>
</html>

Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

Erreur Symfony : "Une exception a été levée lors du rendu d'un modèle"

j'essaie d'inclure <link href="{{ asset('css/mystyle.css') }}" rel="stylesheet"/> dans mon fichier twig et le rendre. Mais cela me donne une exception PHP non interceptée Twig_Error_Runtime : "Une exception a été levée lors du rendu d'un modèle ("Le fichier manifeste de l'actif "/../public/build/manifest.json" n'existe pas.") ça marche quand j'utilise link href="css/mystyle.css" rel="stylesheet"/> . Voici mon contrôleur: <?php namespace App\Controller; use Symfony\Component\Routing\Annotation\Route; use Symfony\Bundle\FrameworkBundle\Controller\AbstractController; use Symfony\Component\HttpFoundation\Response; class WelcomeController extends AbstractController { /** * @Route("/", name="welcome") */ public function index() { return $this->render('welcome/index.html.twig'); } } Voici mon modèle de brindille : <!doctype html> ...
Lire la suite

Détecter les appuis sur les touches fléchées en JavaScript

Comment détecter l'appui sur l'une des touches fléchées ? J'en ai profité pour savoir: function checkKey(e) { var event = window.event? window.event: e; console.log(event.keyCode) } Bien que cela fonctionnait pour toutes les autres touches, ce n'était pas le cas pour les touches fléchées (peut-être parce que le navigateur est censé faire défiler ces touches par défaut). Solution du problème event.key === "Flèche droite"... Plus récent et beaucoup plus propre: utilisez event.key . Plus de codes numériques arbitraires ! Si vous transpilez ou savez que vos utilisateurs utilisent tous des navigateurs modernes, utilisez ceci ! node.addEventListener('keydown', function(event) { const key = event.key; // "ArrowRight", "ArrowLeft", "ArrowUp", or "ArrowDown" }); Gestion détaillée : switch (event.key) { case "ArrowLeft": // Left pressed break; case "ArrowRight": // Right pressed break; c...
Lire la suite

Une chaîne vide donne "Des erreurs ont été détectées dans les arguments de la ligne de commande, veuillez vous assurer que tous les arguments sont correctement définis"

Image
Sur un serveur SQL 2016, j'ai un travail qui appelle un package SSIS. Ce package se trouve dans un projet dans la SSISDB et a des paramètres. L'un de ces paramètres est un type de chaîne vide par défaut. J'ai exécuté le travail avec la valeur vide pour ce paramètre, et il s'est exécuté avec succès. J'ai ensuite ouvert les propriétés du travail, je suis allé à l'étape qui appelle ce package et je suis entré dans la configuration et j'ai donné une valeur à ce paramètre. J'ai exécuté à nouveau le travail et il s'est exécuté avec succès, et la valeur du paramètre a eu l'effet attendu sur les résultats. Maintenant, je veux modifier le travail et redéfinir le paramètre sur une chaîne vide. En répétant ce que j'ai fait ci-dessus, j'ouvre la configuration et supprime complètement la valeur du paramètre. Lorsque j'essaie ensuite d'enregistrer les propriétés de l'étape du travail, j'obtiens une boîte de dialogue d'erreur a...
Lire la suite