How to get JSON data into a Razor view Script Block

Question

I'm just trying to get a JSON string from my controller (MVC3 using Razor syntax) into the clients browser...

In My Controller I do this with a simple object (test) that contains an int and a list.

var jasonData = new JavaScriptSerializer().Serialize(test);
ViewBag.JasonData = jasonData;

In the view I do this:

<script type="text/javascript">
    var initialData = @(ViewBag.JasonData);
</script>

Visual Studio shows the data looking fine but when it ends up in the Browser it has the escaping code around all the data which is not good.

&var initialData = {&quot;DateId&quot;:32,&quot;Scores&quo ....

This should be easy! What am I doing wrong??

jason or json? I hope it's the latter.

ErikE
– ErikE

2014-10-21 08:02:29 +00:00
Commented Oct 21, 2014 at 8:02 — ErikE
– ErikE, Commented Oct 21, 2014 at 8:02

counsellorben · Accepted Answer · 2011-09-20 23:54:18Z

9

Use @Html.Raw() to prevent the data from being encoded, as follows:

<script type="text/javascript"> 
    var initialData = @Html.Raw(ViewBag.JasonData); 
</script>

answered Sep 20, 2011 at 23:54

counsellorben

10.9k3 gold badges42 silver badges37 bronze badges

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

3 Comments

yzorg Over a year ago

VS 2012 is giving me a script error (showing as error, not warning) when using this. Razor+Javascript parser bug? The error is on the semicolon, ';'.

da7rutrak Over a year ago

@yzorg FYI - if you write the line like var initialData = @(Html.Raw(ViewBag.JsonData)); the Intellisense Error goes away.

Vignesh Subramanian Over a year ago

This works fine if i have the viewbag.JsonData in the Index method but how should i get the same if it is in some other action result other than Index???

Collectives™ on Stack Overflow

How to get JSON data into a Razor view Script Block

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related