如果用户未登录,我一直在尝试进行简单的验证,并尝试在发生这种情况时触发甜蜜的警报消息。如果客户正在尝试将新产品添加到他的购物车中但未登录,则此验证有效。
注意:会话变量是asp.net核心中已知的实际会话,并且该会话变量只是我的包含该会话变量的视图模型的属性。
我正在使用asp.net core 2.2,使用Session变量,该变量包含通过Json序列化获得的User类,首先,我尝试在视图中调用视图模型的session属性,但没有成功我已阅读的内容必须在视图中注入IHttpContextAccessor才能获取会话变量并使用它,但是由于我正在使用Json进行序列化,因此无法在视图中访问GetObjectFromJson方法,因此我给了并尝试使用ViewData [“ Session”]来将User类的ID传递给它,如果Session Variable为null,则将其设置为0。这个工作正常,我设法检查视图中的会话变量,在js函数中更具体地是0,但是无论如何都没有触发Sweet Allert消息。
// THIS IS MY ACTION METHOD IN THE CONTROLLER
[Route("filtrar")]
[HttpGet]
public ActionResult Filter(String search)
{
HomeFilterViewModel homeFilterViewModel = new HomeFilterViewModel
{
tiposDeMaterialDiscografico = _tipoMaterialDiscografico.GetAll(),
generos = _genero.GetAll(),
sesion = HttpContext.Session.GetObjectFromJson<Usuario>("Usuario"),
materialDiscograficos = _materialDiscografico.Search(search).Union(_materialDiscografico.PorArtista(search)).OrderBy(m => m.Nombre)
};
if (homeFilterViewModel.sesion != null && homeFilterViewModel.sesion.TipoUsuario.IdTipoUsuario == 2)
{
return RedirectToAction("Dashboard", "Admin");
}
return View(homeFilterViewModel);
}
<!-- THIS IS MY VIEW WITH THE JS REFERENCES AND FUNCTIONS AT THE END -->
@model HomeFilterViewModel
@{
ViewBag.Title = "Material Discográfico";
}
@section Filter {
<link href="~/css/Filter.css" rel="stylesheet" />
}
<div class="container" style="margin-top: 22px;">
<div class="row">
@foreach (var material in Model.materialDiscograficos)
{
<div class="col-4" style="min-width: 100px; max-width: 35%">
<div class="card img-responsive" id="thumb" data-toggle="modal" data-target="#@material.Nombre.Replace(" ", "")">
<button class="btn btn-light">
@if (material.ImagenPortada == null)
{
<img class="img-fluid" src="~/images/portadas/default.png" asp-append-version="true" style="padding: 13px;">
}
else
{
<img class="img-fluid" src="~/images/portadas/@material.ImagenPortada" asp-append-version="true" style="padding: 13px;">
}
</button>
</div>
</div>
<div class="modal fade" id="@material.Nombre.Replace(" ", "")" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header text-center">
<h4 class="modal-title w-100">@material.Nombre</h4>
</div>
<div class="modal-body">
<h5><strong>Detalles:</strong></h5>
<br />
<div class="row">
<div class="col-lg-5">
<p class="text-center">Autor: @material.Autor.NombreAutor</p>
<p class="text-center">Género: @material.Genero.DescripcionGenero</p>
<p class="text-center">Tipo: @material.TipoMaterialDiscografico.DescripcionTipoMaterialDiscografico</p>
<p class="text-center">Duración Total (segundos): @material.DuracionTotalSegundos</p>
<p class="text-center">Precio: @material.Precio</p>
<p class="text-center">Stock: @material.Stock</p>
</div>
<br />
<div class="col-lg-5 col-centered" style="min-width: 100px; max-width: 35%">
<div class="card img-responsive" id="thumb">
@if (material.ImagenPortada == null)
{
<img class="img-fluid" src="~/images/portadas/default.png" asp-append-version="true" style="padding: 13px;">
}
else
{
<img class="img-fluid" src="~/images/portadas/@material.ImagenPortada" asp-append-version="true" style="padding: 13px;">
}
</div>
</div>
</div>
<h5><strong>Canciones:</strong></h5>
<br />
<div style="margin: 0 5% 0 5%">
@{
if (material.Canciones != null)
{
<div class="row">
<div class="col box"><br /><p class="text-center"><strong>Nombre</strong></p></div>
<div class="col box"><br /><p class="text-center"><strong>Duración (segundos)</strong></p></div>
</div>
@foreach (var cancion in material.Canciones)
{
<div class="row">
<div class="col box">
<br /><p class="text-center">@cancion.NombreCancion</p>
</div>
<div class="col box">
<br /><p class="text-center">@cancion.DuracionSegundos</p>
</div>
</div>
}
}
}
</div>
<br />
</div>
<form asp-controller="Cliente" asp-action="AgregarAlCarrito" method="get">
<div class="modal-footer">
<div style="float: left;"><button type="button" class="btn btn-outline-danger" data-dismiss="modal">Cerrar</button></div>
<div style="float: none;">
<label>Cantidad:</label>
<input type="number" name="cantidad" min="1" max="@material.Stock" />
<input hidden type="text" name="idMaterial" value="@material.IdMaterialDiscografico" />
</div>
<div style="float: right;"><input type="submit" class="btn btn-outline-success" onclick="validateData();" value="Agregar al carrito" /></div>
</div>
</form>
</div>
</div>
</div>
}
</div>
</div>
@section SweetAlert2 {
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
<script src="sweetalert2/dist/sweetalert2.all.min.js"></script>
<!-- Include a polyfill for ES6 Promises (optional) for IE11 -->
<script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.js"></script>
<script type="text/javascript">
function validateData() {
let sesion = @ViewData["Sesion"];
if (sesion == 0) {
Swal.fire({
type: 'error',
title: 'Oops...',
text: '¡Usted no ha iniciado sesión!',
footer: '<a asp-controller="Home" asp-action="Login">Iniciar sesión</a>'
})
}
</script>
}
// THIS IS THE ACTION METHOD THAT THE FORM REDIRECTS TO
[HttpGet]
public ActionResult AgregarAlCarrito(int idMaterial, int cantidad)
{
Usuario usuario = HttpContext.Session.GetObjectFromJson<Usuario>("Usuario");
if(usuario == null || usuario.IdUsuario == 4 || usuario.IdUsuario == 1)
{
return RedirectToAction("Index", "Home");
}
CarritoCompras carrito = _carritoCompras.Get(usuario.CarritoCompras.IdCarritoCompras);
MaterialDiscografico material = _materialDiscografico.Get(idMaterial);
LineaDeVenta lineaDeVenta = new LineaDeVenta
{
Cantidad = cantidad,
MaterialDiscografico = material,
CarritoCompras = carrito
};
lineaDeVenta.TotalLinea = _lineaDeVenta.CalcularTotalLinea(lineaDeVenta.Cantidad, lineaDeVenta.MaterialDiscografico.Precio);
lineaDeVenta.CarritoCompras.LineasDeVenta.Add(lineaDeVenta);
_carritoCompras.Update(carrito);
return RedirectToAction("ShoppingCart");
}
// THIS IS MY VIEWMODEL
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Entities;
namespace UI.ViewModels
{
public class HomeFilterViewModel : ViewModelBase
{
public IEnumerable<MaterialDiscografico> materialDiscograficos { get; set; }
}
}
我没有收到任何错误消息,只是它不会触发Sweet Alert消息,我阅读了有关如何添加Sweet Alert库的文档,并且不确定是否正确添加了它,或者我的javascript函数是否正常工作。
参考方案
您总是可以按F12打开DevTools并在浏览器中检查控制台选项卡是否存在错误,并且会发现您在js代码末尾缺少}
。
function validateData() {
let sesion = @ViewData["Session"];
if (sesion == 0) {
Swal.fire({
type: 'error',
title: 'Oops...',
text: '¡Usted no ha iniciado sesión!',
footer: '<a asp-controller="Home" asp-action="Login">Iniciar sesión</a>'
})
}
}
将Web用户控件添加到页面时,asp按钮onclick不会触发 - javascript我正在使用使用Visual Studio模板创建的Web表单应用程序。模板具有一个内容占位符,该占位符被访问的任何页面的内容替换。有问题的页面有几个服务器控件,例如文本框,标签和按钮。当我单击我的更新按钮时,它可以正常工作,这些值会回传并更新数据库。我想在所有子页面上创建通用的登录提示。我的导航栏(位于我的母版页中)具有引导程序设置。我在导航栏中添加了一个下…
Telerik单选按钮所需的字段验证器 - javascript如何设置Telerik单选按钮所需的字段验证器?我想在按钮单击“ BtnSave”上设置必填字段验证器吗?请帮忙!<telerik:RadButton ID="radio_male" runat="server" ToggleType="Radio" AutoPostBack="fa…
用symfony隐藏树枝中的表格行 - javascript我正在开始编码。我正在使用Symfony 3.3我想用复选框隐藏(并显示)表上的a或某些特定行。我尝试使用javascript和jquery。我希望隐藏的行保持隐藏状态。我不知道该怎么做。这是我的树枝{% block body %} <div class="container"> <h3>List of produ…
表单不提交或按钮提交不起作用 - javascript据我所知,此代码必须有效,但是我编码时却无效问题在于该表单未提交。我该如何解决?选中时,我什至没有得到复选框的值。<table id="example" class="display" cellspacing="0" width="100%"> <thead&g…
在PHP文件中调用javascript函数并在加载HTML文件之后? - javascript我需要在我的php中调用js函数,但无法正常工作。有人可以告诉我我在做什么错吗?我该如何轻松地做到这一点?谢谢!我有三个文件: mail.php负责发送$ _POST的内容(工作正常)。我调用我的javascript函数来切换模式,具体取决于邮件是否已发送。 <? ... $response = $sendgrid->send($email);…