jquery解析json数据

时间:2024-02-19 17:42:49

在开始写代码前,先用negeu添加Newtonsoft.Json(或者直接添加引用Newtonsoft.Json.dll),并在文件中添加引用。

这些都是很简单的东西,一看就会。但是还是记录一下自己的学习路程。

一、后台代码

public class a : IHttpHandler
{

public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";

List<Person> list = new List<Person>();

Person p = new Person() {
name="a",
address="shenzhen",
email="a.a"
};
Person p1 = new Person()
{
name = "a1",
address = "shenzhen1",
email = "a.a1"
};
list.Add(p);
list.Add(p1);

context.Response.Write( Newtonsoft.Json.JsonConvert.SerializeObject(list));
}

public bool IsReusable
{
get
{
return false;
}
}
}

public class Person
{
public string name { get; set; }
public string address { get; set; }
public string email { get; set; }
}

 

二、前台页面的jquery代码

<script type="text/javascript">
$(function () {
$("#btnClick").click(function () {
$.ajax({
url: "a.ashx",
type: "post",
success: function (data) {
var obj = $.parseJSON(data);
for (var i = 0; i < obj.length; i++) {
alert(obj[i].name +":"+ obj[i].address);
}
}
});

})
})
</script>

三、html代码

<body>
<form id="form1" runat="server">
<div>
<asp:Button runat="server" ID="btn" Text="click" />
<input type="button" id="btnClick"/>
<span id="sp"></span>
</div>
</form>
</body>