首頁 > 開發者 > ASP

asp.net ajax實現（—）：Jquery+Json

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

適合輕量級的應用，用戶端序列化和還原序列化可用Json的JSON.parse()和JSON.stringify(),

但服務端序列化和還原序列化的時候，遇到一些問題，我採用了三種方式，其中三種方式序列化和還原序列化的方式各有不同,比較請點這裡看。

以下是我的操作的代碼：

前台：

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" >
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>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More