如何解析 JSON 字符串以获取原始数据

Question

我是新手。

我正在使用 JSON 字符串。

我的 jquery 看起来像

      var data1 = {};                            
      data1.code = $("#ddlList option:selected").text();   //Taking dropdown list value


           $.ajax({
                type: "POST",
                url: "Default.aspx/GetData",
                data: JSON.stringify(data1),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var data = JSON.stringify(data);
                    var data = $.parseJSON(data);

                    $.each(data, function (i) {
                        $("#Table").append("<tr><td>"  "</td></tr>");
                    });

我的GetData WebMethod 正在返回一个包含数据表数据的 JSON 字符串

       {["\"id"\:"\"10001"\"\"name"\:"\"ABC"\]}         //JSON string

包含以下内容

          System.Web.Script.Serialization.JavaScriptSerializer serializer = new System.Web.Script.Serialization.JavaScriptSerializer();
            List<Dictionary<string, object>> rows = new List<Dictionary<string, object>>();
            Dictionary<string, object> row;
            foreach (DataRow dr in dt.Rows)
            {
                row = new Dictionary<string, object>();
                foreach (DataColumn col in dt.Columns)
                {
                    row.Add(col.ColumnName, dr[col]);
                }
                rows.Add(row);
            }
            return serializer.Serialize(rows);   

return serializer.Serialize(rows); 返回上面的 JSON 字符串，但我想在成功函数中将此 JSON 字符串转换为服务器端的表

我检查了我的解决方案，我在成功函数中获得了字符串值。 我尝试了上面的 jquery 函数，但我想要表中的 JSON 字符串值（如何反序列化它以便获取表）

(我已经修改$("#Table").append("<tr><td>" "</td></tr>");)

Answer 1

使用JSON.parse 解析您的数据，然后在您的$.each 中使用两个参数i、v，其中i 是索引，v 是对象，并以v.id 和v.name 访问您的值。要指定哪一列代表什么，只需将表的标题指定为$('#Table').append("<th><td>ID</td><td>NAME</td></th>");

$.ajax({
                type: "POST",
                url: "Default.aspx/GetData",
                data: JSON.stringify(data1),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var data = JSON.parse(data);
                    $('#Table').append("<th><td>ID</td><td>NAME</td></th>");
                    $.each(data.d, function (i, v) {
                        var str = "<tr><td>" + v.id +"</td><td>" + v.name + "</td></tr>";
                        $("#Table").append(str);
                    });

          });