Convert Object to JSON in MVC 4

Question

I am converting an object to JSON using JavaScriptSerializer and I can see this JSON output in server code:

[{"UserId":1,"UserName":"Admin"}]

But in the UI it's getting converted to something like below

[{"UserId":1,"UserName":"Admin"}].

How to escape those "?

Answer 1

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().

Answer 2

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);
}