Jquery getJSON方法分析

准备工作

·Customer类

   <!--
   
 
   
 Code highlighting produced by Actipro CodeHighlighter (freeware)
   
 http://www.CodeHighlighter.com/
   
 
   
 -->
   public
    
   class
    Customer
 {
     
   public
    
   int
    Unid { 
   get
   ; 
   set
   ; }
     
   public
    
   string
    CustomerName { 
   get
   ; 
   set
   ; }
     
   public
    
   string
    Memo { 
   get
   ; 
   set
   ; }
     
   public
    
   string
    Other { 
   get
   ; 
   set
   ; }
 }
 
  

 

·服务端处理（Json_1.ashx）

   <!--
   
 
   
 Code highlighting produced by Actipro CodeHighlighter (freeware)
   
 http://www.CodeHighlighter.com/
   
 
   
 -->
   Customer customer 
   =
    
   new
    Customer 
       { Unid
   =
   1
   ,CustomerName
   =
   "
   宋江
   "
   ,Memo
   =
   "
   天魁星
   "
   ,Other
   =
   "
   黑三郎
   "
   };
 
   string
    strJson 
   =
    Newtonsoft.Json.JsonConvert.SerializeObject(customer);
 
 context.Response.Write(strJson);
 
  

 

（一）Jquery. getJSON

方法定义：jQuery.getJSON( url, data, callback )

通过get请求得到json数据

·url用于提供json数据的地址页

·data(Optional)用于传送到服务器的键值对

·callback(Optional)回调函数，json数据请求成功后的处理函数

   <!--
   
 
   
 Code highlighting produced by Actipro CodeHighlighter (freeware)
   
 http://www.CodeHighlighter.com/
   
 
   
 -->
   function
   (data, textStatus) {
         
   //
    data是一个json对象
   
 
           
   //
    textStatus will be "success"
   
 
          
   this
   ; 
   //
    the options for this ajax request
   
 
   }
 
  

 

（1）一个对象

   <!--
   
 
   
 Code highlighting produced by Actipro CodeHighlighter (freeware)
   
 http://www.CodeHighlighter.com/
   
 
   
 -->
   $.getJSON(
     
   "
   webdata/Json_1.ashx
   "
   ,
     
   function
   (data) {
        $(
   "
   #divmessage
   "
   ).text(data.CustomerName);
     }
 );
 
  

 

向Json_1.ashx地址请求json数据，接收到数据后，在function中处理data数据。 这里的data的数据是一条记录，对应于一个customer实例，其中的数据以k/v形式存在。即以[object,object]数组形式存在。

{"Unid":1,"CustomerName":"宋江","Memo":"天魁星","Other":"黑三郎"}

所以在访问时，以data.Property来访问，下面以k/v循环来打印这条宋江的记录：

   <!--
   
 
   
 Code highlighting produced by Actipro CodeHighlighter (freeware)
   
 http://www.CodeHighlighter.com/
   
 
   
 -->
   $.getJSON(
     
   "
   webdata/Json_1.ashx
   "
   ,
     
   function
   (data) {
         
   var
    tt
   =
   ""
   ;
         $.each(data, 
   function
   (k, v) {
             tt 
   +=
    k 
   +
    
   "
   ：
   "
    
   +
    v 
   +
    
   "
   <br/>
   "
   ;
         })
         $(
   "
   #divmessage
   "
   ).html(tt);
 });
 
  

 

结果：

Unid：1
CustomerName：宋江
Memo：天魁星
Other：黑三郎

（2）对象数组

Ashx文件（Json_1.ashx）修改：

   <!--
   
 
   
 Code highlighting produced by Actipro CodeHighlighter (freeware)
   
 http://www.CodeHighlighter.com/
   
 
   
 -->
   List
   <
   Customer
   >
    _list 
   =
    
   new
    List
   <
   Customer
   >
   (); 
 Customer customer 
   =
    
   new
    Customer 
        { Unid
   =
   1
   ,CustomerName
   =
   "
   宋江
   "
   ,Memo
   =
   "
   天魁星
   "
   ,Other
   =
   "
   黑三郎
   "
   };
 Customer customer2 
   =
    
   new
    Customer 
        { Unid 
   =
    
   2
   , CustomerName 
   =
    
   "
   吴用
   "
   , Memo 
   =
    
   "
   天机星
   "
   , Other 
   =
    
   "
   智多星
   "
    };
 
 _list.Add(customer);
 _list.Add(customer2);
 
   string
    strJson 
   =
    Newtonsoft.Json.JsonConvert.SerializeObject(_list);
  

 

它生成的json对象的字符串是：

[{"Unid":1,"CustomerName":"宋江","Memo":"天魁星","Other":"黑三郎"},

{"Unid":2,"CustomerName":"吴用","Memo":"天机星","Other":"智多星"}]

这里可以看到做为集合的json对象不是再一条记录，而是2条记录，是一个[[object,object]]数组：[object,object][object,object]，而每个[object,object]表示一条记录，对应一个Customer，其实也是k/v的形式，而这个v就是一个Customer对象，而这个k是从0开始的索引。

   <!--
   
 
   
 Code highlighting produced by Actipro CodeHighlighter (freeware)
   
 http://www.CodeHighlighter.com/
   
 
   
 -->
   $.getJSON(
     
   "
   webdata/Json_1.ashx
   "
   ,
     
   function
   (data) {
         $.each(data, 
   function
   (k, v) {
             alert(k);
         });
 });
 
  

 

这时，k值为0,1……

列表json对象的方法：

   <!--
   
 
   
 Code highlighting produced by Actipro CodeHighlighter (freeware)
   
 http://www.CodeHighlighter.com/
   
 
   
 -->
   $.getJSON(
     
   "
   webdata/Json_1.ashx
   "
   ,
     
   function
   (data) {
         
   var
    tt 
   =
    
   ""
   ;
         $.each(data, 
   function
   (k, v) {
             $.each(v,
   function
   (kk, vv) {
                 tt 
   +=
    kk 
   +
    
   "
   ：
   "
    
   +
    vv 
   +
    
   "
   <br/>
   "
   ;
             });
         });
         $(
   "
   #divmessage
   "
   ).html(tt);
 });
 
  

 

结果：

Unid：1
CustomerName：宋江
Memo：天魁星
Other：黑三郎
Unid：2
CustomerName：吴用
Memo：天机星
Other：智多星

 

这里用了嵌套循环，第一个循环用于从List中遍历Customer对象，第二个循环用于从Customer对象中遍历Customer对象的属性，也就是k/v对。