最近被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字符串
第二步 手动配置创建一个演示Dataset,但在项目中一般都是从数据库中或者service中获得数据
前台页面:两个button,一个单击开始解析json数据,另外一个查看json字符串
});
});
$(function () {
$("#btn2").click(function () {
$.get("GetJsonDemo.aspx", { Action: "action" },
function (data) { $("#txt2").text(data); });
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="btn" type="button" value="paser json" /><br />
<input id="btn2" type="button" value="watch json string" /><br />
<label id="txt"></label><br />
<label id="txt2"></label>
</div>
</form>
</body>
后台页面:
Top of Form
{"json":[{"id":"16","name":"zhaoliu","sex":"man"},{"id":"19","name":"zhangsan","sex":"women"}]}
Bottomof Form