How to use a server side variable in javascript with Razor

Question

I have a piece of code in a view as

@if (Model.Count() > 0)
{
    var locations = new List<string>();
    var count = 1;
    foreach (var shop in Model)
    {
        locations.Add(string.Format(
                    @"{{
                           title: ""Shop Name: {0}"", 
                           position: new google.maps.LatLng({1}, {2}),
                           icon: ""{3}""
                       }}",
                       shop.ShopName,
                       shop.Location.Latitude,
                       shop.Location.Longitude,
                       count
                    )
                  );

        count++;
    }

    var locationsJson = "[" + string.Join(",", locations.ToArray()) + "]";
}

How can I assign the locationsJson to a javascript variable as

<script type="text/javascript">
    var jsLocations = @locationsJson;
</script>

slandau · Accepted Answer · 2011-07-12 20:48:34Z

2

Perform your embedded server code ON the server side instead, and then you could make it a property of the model and do something like:

<script type="text/javascript">

var jsLocations = @Model.locationsJson;

</script>

edited Jul 12, 2011 at 20:48

answered Jul 12, 2011 at 20:29

slandau

24.2k43 gold badges124 silver badges186 bronze badges

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

2 Comments

SLaks Over a year ago

He has an object literal, not a string.

timothy Over a year ago

var jsLocations = @Html.Raw(Model.locationsJson) // handle "" in the json key.

Darin Dimitrov · Accepted Answer · 2011-07-12 20:55:22Z

1

I have a piece of code in a view as

You absolutely should never have such piece of code in your view. Try this (shorter, better, safer):

<script type="text/javascript">
    var jsLocations = @Html.Raw(Json.Encode(Model));
    $.each(jsLocations, function(index, item) {
        // TODO: do something with the item, for example
        // alert(item.ShopName); or alert(Location.Latitude);
    });
</script>

answered Jul 12, 2011 at 20:55

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

Comments

SLaks · Accepted Answer · 2011-07-12 20:28:49Z

0

Your code will work fine.

However, you need to escape the values in your JSON, or you'll have an XSS hole.
You should use a real JSON serializer.

answered Jul 12, 2011 at 20:28

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

Collectives™ on Stack Overflow

How to use a server side variable in javascript with Razor

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related