Ajax获取显示Json数据的方法
2015-12-21 16:31 丽莎姐姐 阅读(719) 评论(0) 编辑 收藏 举报<span style="color:#3333FF;"> </span><span style="color:#3333FF;">public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
//--构建json格式数据
//string jsonArr = "{\'Id\':12,\'Name\':\'zhangsan\'}";//---第1种数据
//string jsonArr = "[{\'Id\':1,\'Name\':\'张三\',\'Age\':20},{\'Id\':2,\'Name\':\'李四\',\'Age\':30}]";//---第2种数据
//context.Response.Write(json);
List<People> listperson = new List<People>();
People person = new People();
person.Id = 1;
person.Name = "张三";
person.Age = 20;
listperson.Add(person);
JavaScriptSerializer jss = new JavaScriptSerializer();//用JavaScriptSerialize 这个类实现对json数据的封装
string json = jss.Serialize(listperson);//---第3种数据
context.Response.Write(json);
}
class People
{
public int Id { get; set; }
public string Name { get; set; }
public int Age { get; set; }
}
</span>
<span style="color:#3333FF;"> <script src="/js/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$.post("/JsonData.ashx", {}, function (data) {
/*
json一般用在少量的数据处理。因为格式简单，操作方面，而且js本身就支持json格式的处理功能
json一般格式如下:{"Id":1,"Name":"zhangsan"}或者[{"Id":1,"Name":"zhangsan"},{"Id":2,"Name":"lisi"}]多维数组
*/
/*
js解析json格式的方法【个人的方法，有更多的解析方法上网查】
★eval(\'(\'+json+\')\')
★jQuery.parseJSON(json)
*/
if (data != null) {
/*
★eval(\'(\'+json+\')\')
var evaljson = eval(\'(\' + data + \')\');
//"{\'Id\':12,\'Name\':\'zhangsan\'}";//---【对应C#代码中第1种数据】
//$("#spanJson").html(evaljson.Id + "-" + evaljson.Name); //大小写和定义的要一模一样
for (var i = 0; i < evaljson.length; i++) {//处理多维json---【对应C#代码中第2种数据】
$("#spanJson").append(evaljson[i].Id + "-" + evaljson[i].Name+"-"+evaljson[i].Age+"<br/>");
}
*/
/* ★jQuery.parseJSON(json)*/
var parsej = $.parseJSON(data);
for (var i = 0; i < parsej.length; i++) {//处理多维json 【对应C#代码中第3种数据】
$("#spanJson").append(parsej[i].Id + "-" + parsej[i].Name + "-" + parsej[i].Age + "<br/>");
}
}
});
});
</script></span>