asp.net mvc 4 javascript inside razor block throws error

Question

This is my razor code which throws error:

@section script
{
    <script type="text/javascript">
        $(document).ready(function () {
            @if (TempData["Message"] != null)
            {
                showNotification("'" + TempData["Message"].ToString() + "'");
            }
        });
    </script>
}

It says showNotification doesn't exist. It thinks this is a C# code where it's a javascript function. Could anybody please let me know how do I fix this error? Thanks!

I know this isn't the answer, and that people will show you one of the many ways to fix this (@: syntax for one). I'd just remove the @if statement completely, and not call ToString() explicitly but let it be called implicitly. That'd work — Benjamin Gruenbaum
– Benjamin Gruenbaum, Commented Jan 20, 2013 at 17:59
The problem with TempData is that if the TempData["Foo"] is null, then u get a NPE. so use ViewBag — DarthVader
– DarthVader, Commented Jan 20, 2013 at 18:00

Crispy Ninja · Accepted Answer · 2017-02-18 17:40:38Z

18

Throw a text tag around it, since the compiler thinks your JavaScript is Razor syntax. When you do this, you will need to add a @ to the TempData call.

@section script
{
    <script type="text/javascript">
        $(document).ready(function () {
            @if (TempData["Message"] != null)
            {
                <text>showNotification('@TempData["Message"].ToString()');</text>
            }
        });
    </script>
}

edited Feb 18, 2017 at 17:40

Crispy Ninja

3484 silver badges11 bronze badges

answered Jan 20, 2013 at 18:54

Martin

11.1k8 gold badges53 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ely · Accepted Answer · 2013-01-21 01:35:51Z

6

In addition to @Martin's answer, you can also put @: in front of the showNotification call. The @: syntax tells Razor to treat that single line as HTML, where the tells Razor to treat anything within the text tag as HTML (useful for multi line, where @: is good for single line).

answered Jan 21, 2013 at 1:35

Ely

3,2401 gold badge23 silver badges18 bronze badges

Collectives™ on Stack Overflow

asp.net mvc 4 javascript inside razor block throws error

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related