Jquery解析json数据详解

2020-05-19 07:33:03易采站长站整理

最近被jquery折磨了一番,倒腾了一个jquery解析json的demo,本demo想实现从asp.net后台实例化dataSet或者dataTable数据集,将dataSet转换成json并返回给客户端,客户端用jquery getJson方法解析出来并显示在页面上。


首先简单介绍一下getJson方法


Jquery.getJson(url,[data],[callback])


url:发送请求地址。
data:待发送 Key/value 参数。
callback:载入成功时回调函数。


下面是实战getJson方法


首先 创建一个辅助类,用于将dataset数据集转换成json字符串

 public static string DataTableToJson(string jsonName, DataTable dt)
        {
            StringBuilder Json = new StringBuilder();
            Json.Append(“{”” + jsonName + “”:[“);
            if (dt.Rows.Count > 0)
            {
                for (int i = 0; i < dt.Rows.Count; i++)
                {
                    Json.Append(“{“);
                    for (int j = 0; j < dt.Columns.Count; j++)
                    {
                        Json.Append(“”” + dt.Columns[j].ColumnName.ToString() + “”:”” + dt.Rows[i][j].ToString() + “””);
                        if (j < dt.Columns.Count – 1)
                        {
                            Json.Append(“,”);
                        }
                    }
                    Json.Append(“}”);