asp.net ajax实现（—）：Jquery+Json_H5之家 - 中国HTML5教程资源分享第一站

适合轻量级的应用，客户端序列化和反序列化可用Json的JSON.parse()和JSON.stringify(),

但服务端序列化和反序列化的时候，遇到一些问题，我采用了三种方式，其中三种方式序列化和反序列化的方式各有不同,比较请点这里看。

以下是我的操作的代码：

前台：

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
2<html xmlns="" >
3<head runat="server">
4　　　 <title>无标题页</title>
5　　　 <script type="text/javascript" src="../JS/jquery-1.3.min.js"></script>
6　　　 <script type="text/javascript" src="../JS/json2.js"></script>
7　　　 <script type="text/javascript">
8　　　　　　　 function GetValue()
9　　　　　　　 {
10　　　　　　　　　　　 $.get("Process.aspx", {Action:"get"}, function (data, textStatus){
11　　　　 var name=$("#TName")[0];
12　　　　 var address=$("#TAddress")[0];
13　　　　 var age=$("#TAge")[0];
14　　　　 var obj=JSON.parse(data);
15　　　　 name.value=obj.Name;
16　　　　 address.value=obj.Address;
17　　　　 age.value=obj.Age;
18　　 });
19　　　　　　　 }
20　　　　　　　
21　　　　　　　 function SetValue()
22　　　　　　　 {
23　　　　　　　　　　　 var person=new Person($("#TName")[0].value,$("#TAddress")[0].value,$("#TAge")[0].value);
24　　　　　　　　　　　 var str=JSON.stringify(person);
25　　　　　　　　　　　 alert(str);
26　　　　　　　　　　　　 $.post("Process.aspx", {Action:"post",JsonStr:""+ str +""}, function (data, textStatus){
27　　　　　　　　　　　　　　　 alert("发送成功");
28　　 });
29　　　　　　　 }
30　　　　　　　
31　　　　　　　 function Person(name,address)
32　　　　　　　 {
33　　　　　　　　　　　 this.Name=name;
34　　　　　　　　　　　 this.Address=address;
35　　　　　　　 }
36　　　 </script>
37</head>
38<body>
39　　　 <form id="form1" runat="server">
40　　　 <div>
41　　　　　　　 <table>
42　　　　　　　　　　　 <tr>
43　　　　　　　　　　　　　　　 <td>姓名：</td>
44　　　　　　　　　　　　　　　 <td><input type="text" id="TName" /></td>
45　　　　　　　　　　　 </tr>
46　　　　　　　　　　　 <tr>
47　　　　　　　　　　　　　　　 <td>住址：</td>
48　　　　　　　　　　　　　　　 <td><input type="text" id="TAddress"/></td>
49　　　　　　　　　　　 </tr>
50　　　　　　　　　　　 <tr>
51　　　　　　　　　　　　　　　 <td>年龄：</td>
52　　　　　　　　　　　　　　　 <td><input type="text" id="TAge" /></td>
53　　　　　　　　　　　 </tr>
54　　　　　　　 </table>
55　　　　　　　 <table>
56　　　　　　　　　　　 <tr>
57　　　　　　　　　　　　　　　 <td><input type="button" onclick="GetValue();" value="加载数据"></td>
58　　　　　　　　　　　　　　　 <td><input type="button" value="更新数据" onclick="SetValue()"></td>
59　　　　　　　　　　　 </tr>
60　　　　　　　 </table>
61　　　 </div>
62　　　 </form>
63</body>
64</html>