最近被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("}");

if (i < dt.Rows.Count - 1)

{

Json.Append(",");

}

}

}

Json.Append("]}");

return Json.ToString();

}

此方法是msdn上的一个辅助类方法。

第二步 手动配置创建一个演示Dataset,但在项目中一般都是从数据库中或者service中获得数据

public static DataSet BindData()

{

DataTable dtData = new DataTable();

dtData.Columns.Add("id");

dtData.Columns.Add("name");

dtData.Columns.Add("sex");

DataRow drData;

drData = dtData.NewRow();

drData[0] = 16;

drData[1] = "zhaoliu";

drData[2] = "man";

dtData.Rows.Add(drData);

drData = dtData.NewRow();

drData[0] = 19;

drData[1] = "zhangsan";

drData[2] = "women";

dtData.Rows.Add(drData);

DataSet ds = new DataSet();

ds.Tables.Add(dtData);

return ds;

}

第三步 创建aspx页面

前台页面：两个button，一个单击开始解析json数据，另外一个查看json字符串

后台页面：

protected void Page_Load(object sender, EventArgs e)

{

JsonAjax();

}

private void JsonAjax() {

string action = Request["Action"];

if (!string.IsNullOrEmpty(action) && action == "action") //判断是否通过前台的点击事件进来的

{

string str = DataTableConvertJson.DataTableToJson("json", Data.BindData().Tables[0]);

Response.Write(str);

Response.End();

}

}

最后给大家展示一下生成的json格式：

Top of Form

{"json":[{"id":"16","name":"zhaoliu","sex":"man"},{"id":"19","name":"zhangsan","sex":"women"}]}

Bottomof Form

本文原创发布php中文网，转载请注明出处，感谢您的尊重！