在 JavaScript Asp.net 中迭代 JSON

Question

我从我的代码隐藏文件中序列化为 JSON 的以下数据。

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

我在JavaScript中读取这个序列化数据是这样的

var tempHdnData = $("#hdnData");

但现在我想迭代 tempHdnData 并在 JavaScript 代码中分别获取标签和数据成员。我怎样才能做到这一点？

Answer 1

你可以在后面的代码中这样写你的代码：

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

并且在您的网络表单中：

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

现在你可以写了

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

在 JavaScript Asp.net 中迭代 JSON

Iterate on a JSON in JavaScript Asp.net

javascript

c#

asp.net

json

javascriptserializer