Question

137

Toast notifications in ASP.NET MVC 4

rated 0 times [ 143] [ 6] / answers: 1 / hits: 35098 / 10 Years ago, thu, august 14, 2014, 12:00:00

I want to display notifications whenever a user click on the Add to Cart button using the Toastr plugin. Basically, when a user click on the button, it executes the action AddToCart then redirects to the index page. When the page shows up, it checks the TempData value, then shows the notification.

This is the controller:

public ActionResult AddToCart(int id)

    {





        TempData[message] = Added;

        return RedirectToAction(Index);

    }

and the view:

@if (TempData[message] != null)

{



    <script type=text/javascript>

        $(document).ready(function () {   

            toastr.success('Added')

        })

    </script>                                 

}

Update
it worked according to @Exception's answer. However, if I use ajax such as:

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

it doesnt work. That may be because of the line:

$(document).ready(function ()

as the page is not reloaded.
How can I fix it?

But this doesnt work.
Please help. Thanks in advance!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jacie

Add To Favorites

Follow

Total Points: 490

Total Questions: 111

Total Answers: 105

Location: Mali

Member since Sat, Feb 12, 2022

2 Years ago

answered 10 Years ago jaelyn · Accepted Answer

Answer 1:

<script type=text/javascript>

    $(document).ready(function () { 

       if('@TempData[message]' == Added){

          toastr.success('Added');

       }

       else{ }

    });

</script>

Answer 2:

Although TempData retain its value on one redirect but sometimes it creates problem(and it is recommended to avoid using TempData) in that case you can do as:

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>