How to use JS variables defined in Razor [duplicate]

Question

I have the following Razor code :

               @{
                    var villages = (List<string>)  @ViewData["allVillages"];
                }
               @if (villages != null)
                {
                    <script type="text/javascript">
                        var villages = @villages;
                    </script>

                }

But when I want to use the variable "villages" in JS I get :

ReferenceError: villages is not defined

How can I do it ?

Anadi · Accepted Answer · 2016-11-27 15:40:47Z

1

Change @villages to @Html.Raw(Json.Encode(villages));. Ignore the syntax error and run the application.

 @{
    var villages = (List<string>)@ViewData["allVillages"];
  }
 @if (villages != null)
  {
    <script type="text/javascript">
    var villages =  @Html.Raw(Json.Encode(villages));
    </script>

  }

Please check. It worked for me.

edited Nov 27, 2016 at 15:40

answered Nov 27, 2016 at 14:42

Anadi

75411 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

How to use JS variables defined in Razor [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related