Convert Object to JSON in MVC 4
If you are using the Razor view engine you need to use the Html.Raw
method:
<script type="text/javascript"> var model = @Html.Raw(Json.Encode(Model));</script>
Notice the usage of the Json.Encode
method which is shorter and equivalent to new JavaScriptSerializer().Serialize()
.
Why are you doing that? Why not just return a JsonResult
?
public ActionResult MyMethod(){ List<ListItem> list = new List<ListItem>() { new ListItem() { UserId = "1", UserName = "Admin" }, new ListItem() { UserId = "2", UserName = "JohnDoe" }, new ListItem() { UserId = "3", UserName = "JaneDoe" }}; return this.Json(list);}
Just one more thing on Darin Dimitrov's answer. In my VS2012 there is a compilation error with the semicolon, cuz the statement from JS side is actually "var model = ;".A way around using a pair of quotation to wrap the Razor part like this:
var model = "@Html.Raw(Json.Encode(Model))";
This will not cause any error.
Json.Encode() seems to be a wrapper function of JavaScriptSerializer. I'm not sure if the latter is more time efficient.