json學(xué)習(xí)筆記

昵稱10504424 2012-08-03

展開全文

Json介紹：

　　JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。易于人閱讀和編寫。
json 官方網(wǎng)站 http://www./
json.net 下載地址 http://json./releases/view/37810

Demo:

描述：

　　點擊獲取按鈕后，將請求頁面，獲取json數(shù)據(jù)，填充到表格

html代碼：

代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml">
<head runat="server">
    <title></title>

    <script type="text/jscript" src="../jquery/jquery-1.4.2.min.js"></script>

    <script language="javascript" type="text/javascript">
        $(function() {
            $("#Button1").click(function() {
                $.get("json1.aspx?m=m", null, function(callbackmsg) {
                    var product = eval(callbackmsg);
                    ShowProduct(product)
                })
            });
        })
        function ShowProduct(callbackmsg) {
            var row='';
            for (var u in callbackmsg) {
                var len = callbackmsg[u].length;
                    row += '<tr>';
                    row += '<td>' + callbackmsg[u].Name + '</td>';
                    row += '<td>' + callbackmsg[u].Price + '</a></td>';
                    row += '<td>' + callbackmsg[u].Size + '</td>';
                    row += '</tr>';
                }
                $("#body").html(row);
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="Button1" type="button" value="獲取" />
    </div>
    <table>
        <thead>
            <tr>
                <th>
                    名稱
                </th>
                <th>
                    價格
                </th>
                <th>
                    大小
                </th>
            </tr>
        </thead>
        <tbody id="body">
        </tbody>
    </table>
    </form>
</body>
</html>

后臺代碼：

代碼

 public partial class json1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (HttpContext.Current.Request.QueryString["m"] != null)
            {
                List<Product> Products = new List<Product>();
                Products.Add(new Product() { Name = "筆記本", Price = "4.2", Size = "30x50" });
                Products.Add(new Product() { Name = "尺子", Price = "1.2", Size = "30x50" });
                Products.Add(new Product() { Name = "書", Price = "36", Size = "30x50" });
                Products.Add(new Product() { Name = "鋼筆", Price = "6.0", Size = "30x50" });
                Products.Add(new Product() { Name = "鉛筆", Price = "2.2", Size = "30x50" });
                string json = JsonConvert.SerializeObject(Products);
                Response.Write(json);
                Response.End();
            }  
        }
    }
    public class Product
    {
        public string Name { get; set; }
        public string Size { get; set; }
        public string Price { get; set; }
    }