首页 / JAVASCRIPT / javascript – ASP.NET MVC 4中的Toast通知

javascript – ASP.NET MVC 4中的Toast通知

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – ASP.NET MVC 4中的Toast通知，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1444字，纯文字阅读大概需要3分钟。

内容图文

我想在用户使用Toastr插件点击“添加到购物车”按钮时显示通知.基本上,当用户单击按钮时,它会执行“AddToCart”操作,然后重定向到索引页面.当页面显示时,它会检查TempData值,然后显示通知.

这是控制器：

public ActionResult AddToCart(int id)
    {


        TempData["message"] = "Added";
        return RedirectToAction("Index");
    }

和观点：

@if (TempData["message"] != null)
{

    <script type="text/javascript">
        $(document).ready(function () {   
            toastr.success('Added')
        })
    </script>                                 
}

更新
它根据@Exception的答案工作.但是,如果我使用ajax,例如：

@Ajax.ActionLink("Add to cart", "AddToCart", "Home", new { id = item.ProductId }, new AjaxOptions { UpdateTargetId="abc"})

它不起作用.这可能是因为这条线：

$(document).ready(function ()

因为页面没有重新加载.
我该如何解决？

但这不起作用.
请帮忙.提前致谢！

解决方法:

答案1：

<script type="text/javascript">
    $(document).ready(function () { 
        if('@TempData["message"]' == "Added"){
        toastr.success('Added');
       }
        else{ }
    });
</script>

答案2：

尽管TempData在一个重定向上保留其值,但有时会产生问题(建议避免使用TempData),在这种情况下,您可以这样做：

public ActionResult AddToCart(int id)
{
    .........
    return RedirectToAction("Index",new{ message="Added" });  //Send Object Route//
}

public ActionResult Index(string message)
{
    .........
    if(!string.IsNullOrEmpty(message)){
    Viewbag.message=message;
    }
    return View();
}

<script type="text/javascript">
    $(document).ready(function () { 
        if('@Viewbag.message' == "Added"){
        toastr.success('Added');
       }
        else{ }
    });
</script>

内容总结

以上是互联网集市为您收集整理的javascript – ASP.NET MVC 4中的Toast通知全部内容，希望文章能够帮你解决javascript – ASP.NET MVC 4中的Toast通知所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/732575.html

来源：【匿名】