1:Json格式在JS中直接通过"对象.属性名称"就可以进行访问;
<head>
<title>jQuery 读取JSON 数据</title>
<script src="JScript/jquery-1.8.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
var objInfo = {
'name':'踏浪帅',
'sex':'男',
'Age':'20'
};
$(function() {
$("#Button1").click(function() {
var strHTML = "";
strHTML += "姓名:" + objInfo.name + "<br>";
strHTML += "性别:" + objInfo.sex + "<br>";
strHTML += "年龄:" + objInfo.Age + "<hr>";
$("#Tip").html(strHTML);
}); ;
});
</script>
</head>
<body>
<divclass="iframe">
<divclass="title">
<input id="Button1" type="button"
class="btn" value="获取数据" />
</div>
<divclass="content">
<div id="Tip"></div>
</div>
</div>
</body>
</html>
<head>
<title>jQuery 遍历JSON 数据</title>
<script src="JScript/jquery-1.8.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
var objData = {
member: [{
grade:"一年级",
students: {
name: ["刘小芳","李大明"]
}
}, {
grade:"二年级",
students: {
name: ["陈优","王小海","朱红"]
}
}, {
grade:"三年级",
students: {
name: ["张妍","蔡霞"]
}
}]
};
function add_Grade() {
var objmember = objData.member;
var strHTML_0 = "";
$.each(objmember, function(index) {
strHTML_0 += '<a href="javascript:" οnclick="lnk_Click(' + index + ')">'
+ objmember[index].grade
+'</a> ';
});
$(".title").html("年级优秀学生:" + strHTML_0);
};
function lnk_Click(i) {
var objstudent = objData.member[i].students.name;
var strHTML_1 = "";
$.each(objstudent, function(index) {
strHTML_1 += ' ' + objstudent[index] + ' ';
});
$("#Tip").html(strHTML_1);
};
$(function() {
add_Grade();
lnk_Click(0)
});
</script>
</head>
<body>
<divclass="iframe">
<divclass="title"></div>
<divclass="content">
<div id="Tip"></div>
</div>
</div>
</body>
</html>
3:在ASP.NET中操作JSON一般是与ashx进行结合;后台返回JSON在前台进行显示;下面的实例通过AJAX获得后台对象实体的字符串然后显示;
a:前台页面通过ajax调用后台的ashx程序获得数据
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.8.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var strHtml = "";
$("#BtnGetJson").click(function () {
$.ajax({
url:"ToJson.ashx",
type:"GET",
dataType:"json",
success: function (data) {
$.each(data, function (index) {
strHtml += ' ' + data[index].Name + ' ' + data[index].PassWord + '<br/>';
});
$("#MyDiv").html(strHtml);
}
});
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<input id="BtnGetJson" type="button" value="获得JSON值" />
<div id="MyDiv">
</div>
</form>
</body>
</html>
b:新建一个ToJson.ashx的一般处理程序类,让它将后台的实体对象进行转化返回到前台
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace JqueryForJson
{
/// <summary>
/// ToJson 的摘要说明
/// </summary>
public class ToJson : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
List<User> list = new List<User>();
list.Add(new User() { Name = "踏浪帅", PassWord = "123456" });
list.Add(new User() { Name = "wujy", PassWord = "456789" });
string JsonStr = JsonHelper.GetJson<List<User>>(list);//如果是单个实体GetJson<User>(model)
context.Response.Write(JsonStr);
}
public bool IsReusable
{
get
{
return false;
}
}
}
public class User
{
public string Name { get;set; }
public string PassWord { get;set; }
}
}
c:这边有一个把实体转化成JSON字符串的类,当然也可以通过其它方式进行转化;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Runtime.Serialization.Json;
using System.ServiceModel.Web;///记得引用这个命名空间
using System.IO;
using System.Text;
/// <summary>
/// Summary description for JsonHelper
/// </summary>
public class JsonHelper
{
public JsonHelper()
{
//
// TODO: Add constructor logic here
//
}
/// <summary>
/// 把对象序列化 JSON 字符串
/// </summary>
/// <typeparam name="T">对象类型</typeparam>
/// <param name="obj">对象实体</param>
/// <returns>JSON字符串</returns>
public static string GetJson<T>(T obj)
{
//记住 添加引用 System.ServiceModel.Web
/**
* 如果不添加上面的引用,System.Runtime.Serialization.Json; Json是出不来的哦
* */
DataContractJsonSerializer json = new DataContractJsonSerializer(typeof(T));
using (MemoryStream ms = new MemoryStream())
{
json.WriteObject(ms, obj);
string szJson = Encoding.UTF8.GetString(ms.ToArray());
return szJson;
}
}
/// <summary>
/// 把JSON字符串还原为对象
/// </summary>
/// <typeparam name="T">对象类型</typeparam>
/// <param name="szJson">JSON字符串</param>
/// <returns>对象实体</returns>
public static T ParseFormJson<T>(string szJson)
{
T obj = Activator.CreateInstance<T>();
using (MemoryStream ms = new MemoryStream(Encoding.UTF8.GetBytes(szJson)))
{
DataContractJsonSerializer dcj = new DataContractJsonSerializer(typeof(T));
return (T)dcj.ReadObject(ms);
}
}
}