JSON: JavaScript Object Notation(JavaScript 对象表示法)
JSON 是存储和交换文本信息的语法。类似 XML。
JSON 比 XML 更小、更快,更易解析。
JSON 实例
{ "sites": [ { "name":"" , "url":"/releases/view/37810Demo:
描述:
点击获取按钮后,将请求页面,获取json数据,填充到表格
html代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/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; } }知识点:
1.json官方提供了用于.net操作的dll类库,JsonConvert.SerializeObject将.net对象序列化为json。
2.Javascript读取json对象var product = eval(callbackmsg)。
3.Javascript读取json值callbackmsg[u].Name。