stringify'ing generic c# object in html, parsing in JS

Question

In razor, this is what I have:

<span data="@(new { prop1 = "prop1val", prop2 = 5 })" id="span1"></span>

And, in JS, I want to parse that data attr val into a JSON object.

var dataObj = JSON.parse($("#span1").attr("data"));
alert(dataObj.prop1); // should alert "prop1val"

The way the razor is rendering is like this:

<span data="{ prop1 = prop1val, prop2 = 5 }" id="span1"></span>

Do I need to do something like @(new {...}).toJsonString() ? Is there something within razor I can just use?

Thanks!

SLaks · Accepted Answer · 2011-11-04 15:34:01Z

1

You need to serialize the string to JSON format.

You can write @(new JavaScriptSerializer().Serialize(new { ... }))

If you want to, you can create an extension method to do that as an HTML helper:

public static string ToJson(this HtmlHelper html, object obj) {
    return new JavaScriptSerializer().Serialize(obj);
}

answered Nov 4, 2011 at 15:34

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

1 Answer 1