Iterate on a JSON in JavaScript Asp.net

Question

I have following data that I have serialized as JSON from my code behind file.

public class PieModel {
    public string label { get; set; }
    public double data { get; set; }
}

var data = new List<PieModel> {
    new PieModel { label = "Pending", data = 10d }
    new PieModel { label = "New", data = 40d }
    new PieModel { label = "Overdue", data = 50d }
};

hdnData.Value = new JavaScriptSerializer().Serialize(data);

I read this serialized data in JavaScript like this

var tempHdnData = $("#hdnData");

But now I want to iterate on tempHdnData and get label and data members separately in JavaScript code. How can I achieve that?

Jan Sommer · Accepted Answer · 2015-03-22 08:30:36Z

1

You could write your code like this in the code behind:

protected List<PieModel> GetData() {
    return new List<PieModel> {
        new PieModel { label = "Pending", data = 10d }
        new PieModel { label = "New", data = 40d }
        new PieModel { label = "Overdue", data = 50d }
    };
}

And in your webform:

var tempHdnData = <%= new JavaScriptSerializer().Serialize(GetData()) %>

Now you can write

$.each(tempHdnData, function (_, data) {
    console.log(data)
})

answered Mar 22, 2015 at 8:30

Jan Sommer

3,8281 gold badge25 silver badges37 bronze badges

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

Collectives™ on Stack Overflow

Iterate on a JSON in JavaScript Asp.net

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related