用jquery解析JSON数据的方法

　　用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里不再做说明。 这里首先给出JSON字符串集，

　　用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里不再做说明。

　　这里首先给出JSON字符串集，字符串集如下：

　　代码如下:

   
   
   
   

    
    
    
       
    
    
    
    1
    
    
    
    . 
    
    
    
    var
    
    
    
     data
    
    
    
    =
    
    
    
    "
    
    
    
       
   2. {   
   3. root:   
   4. [   
   5. {name:'1',value:'0'},   
   6. {name:'6101',value:'北京市'},   
   7. {name:'6102',value:'天津市'},   
   8. {name:'6103',value:'上海市'},   
   9. {name:'6104',value:'重庆市'},   
  10. {name:'6105',value:'渭南市'},   
  11. {name:'6106',value:'延安市'},   
  12. {name:'6107',value:'汉中市'},   
  13. {name:'6108',value:'榆林市'},   
  14. {name:'6109',value:'安康市'},   
  15. {name:'6110',value:'商洛市'}   
  16. ]  
  17. }
    
    
    
    "
    
    
    
    ;   
   
   
   
   

　　这里以jquery异步获取的数据类型json对象和字符串为依据，分别介绍两种方式获取到的结果处理方式。

　　1.对于服务器返回的JSON字符串，如果jquery异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对象化处理，方式不是太麻烦，就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象，以下举例说明：

   
   
   
   

    
    
    
       
    
    
    
    1
    
    
    
    . 
    
    
    
    var
    
    
    
     dataObj
    
    
    
    =
    
    
    
    eval(
    
    
    
    "
    
    
    
    (
    
    
    
    "
    
    
    
    +
    
    
    
    data
    
    
    
    +
    
    
    
    "
    
    
    
    )
    
    
    
    "
    
    
    
    );
    
    
    
    //
    
    
    
    转换为json对象   
    
    
    
    

    
    
    
       
    
    
    
    2
    
    
    
    . alert(dataObj.root.length);
    
    
    
    //
    
    
    
    输出root的子对象数量   
    
    
    
    

    
    
    
       
    
    
    
    3
    
    
    
    . $.each(dataObj.root,fucntion(idx,item){   
   
    
    
    
    4
    
    
    
    . 
    
    
    
    if
    
    
    
    (idx
    
    
    
    ==
    
    
    
    0
    
    
    
    ){   
   
    
    
    
    5
    
    
    
    . 
    
    
    
    return
    
    
    
     
    
    
    
    true
    
    
    
    ;   
   
    
    
    
    6
    
    
    
    . }   
   
    
    
    
    7
    
    
    
    . 
    
    
    
    //
    
    
    
    输出每个root子对象的名称和值   
    
    
    
    

    
    
    
       
    
    
    
    8
    
    
    
    . alert(
    
    
    
    "
    
    
    
    name:
    
    
    
    "
    
    
    
    +
    
    
    
    item.name
    
    
    
    +
    
    
    
    "
    
    
    
    ,value:
    
    
    
    "
    
    
    
    +
    
    
    
    item.value);   
   
    
    
    
    9
    
    
    
    . })  
   
   
   
   

　　注：对于一般的js生成json对象，只需要将$.each()方法替换为for语句即可，其他不变。

　　2.对于服务器返回的JSON字符串，如果jquery异步请求将type(一般为这个配置属性)设为json，或者利用$.getJSON()方法获得服务器返回，那么就不需要eval()方法了，因为这时候得到的结果已经是json对象了，只需直接调用该对象即可，这里以$.getJSON方法为例说明数据处理方法：

   
   
   
   

    
    
    
       
    
    
    
    1
    
    
    
    . $.getJSON(
    
    
    
    "
    
    
    
    http://www.phpzixue.cn/
    
    
    
    "
    
    
    
    ,{param:
    
    
    
    "
    
    
    
    gaoyusi
    
    
    
    "
    
    
    
    },
    
    
    
    function
    
    
    
    (data){   
   
    
    
    
    2
    
    
    
    . 
    
    
    
    //
    
    
    
    此处返回的data已经是json对象   
    
    
    
    

    
    
    
       
    
    
    
    3
    
    
    
    . 
    
    
    
    //
    
    
    
    以下其他操作同第一种情况   
    
    
    
    

    
    
    
       
    
    
    
    4
    
    
    
    . $.each(data.root,
    
    
    
    function
    
    
    
    (idx,item){   
   
    
    
    
    5
    
    
    
    . 
    
    
    
    if
    
    
    
    (idx
    
    
    
    ==
    
    
    
    0
    
    
    
    ){   
   
    
    
    
    6
    
    
    
    . 
    
    
    
    return
    
    
    
     
    
    
    
    true
    
    
    
    ;
    
    
    
    //
    
    
    
    同countinue，返回false同break   
    
    
    
    

    
    
    
       
    
    
    
    7
    
    
    
    . }   
   
    
    
    
    8
    
    
    
    . alert(
    
    
    
    "
    
    
    
    name:
    
    
    
    "
    
    
    
    +
    
    
    
    item.name
    
    
    
    +
    
    
    
    "
    
    
    
    ,value:
    
    
    
    "
    
    
    
    +
    
    
    
    item.value);   
   
    
    
    
    9
    
    
    
    . });   
  
    
    
    
    10
    
    
    
    . });   
   
   
   
   

　　这里特别需要注意的是方式1中的eval()方法是动态执行其中字符串(可能是js脚本)的，这样很容易会造成系统的安全问题。所以可以采用一些规避了eval()的第三方客户端脚本库，比如JSON in JavaScript就提供了一个不超过3k的脚本库。