jquery執行個體—json/xml資料格式互動

學習資料：jquery執行個體  來自：http://www.docin.com/p-49517445.html

                    jquery執行個體  級聯的省市 來自：http://tuzwu.iteye.com/blog/657804

xml與json的比較

1.可讀性

    json和xml的可讀性可謂不相上下，一邊是建議的文法，一邊是規範的標籤形式，很難分出勝負。

2.可拓展性

    xml天生有很好的擴充性，【哈哈，天生的】json當然也有，沒有什麼事xml能拓展，json不能的。

3.編碼難度

     xml有豐富的編碼工具，比如Dom4j,JDom等，json也有json.org提供的工具，但是json的編碼明顯比xml容易許多，即使不藉助工具也能寫出json的代碼，可是要寫好xml就不太容易了。

4.解碼難度

     xml的解析得考慮子節點父節點，讓人頭昏眼花，而Json的解析難度幾乎為0.這一點Xml輸的真是沒話說。

       這也只是一家之言而已。會則易，不會則難。就做應用而言個人覺得系統的效能，維護性，拓展性要側重思索下。作為初學者貼個簡單的例子：

 後台返回來的json資料：

Code:

1. total: '2',  
2. rows : [   
3.     { id : '3cf32801-6575-444b-bfee-9d96a6cca668', name : 'a', description : 'aa' },   
4.     { id : 'a92737a2-ea40-4cb8-9279-e6a5ec5a773d', name : 'b', description : 'bb' }  
5.  ]   

jquery 訪問

Code:

1. function workunit_list(value){  
2.     // console.dir($("workunit"));  
3.      $.ajax(  
4.              {  
5.                  type: "POST",  
6.                  url: '/zzb/register/init_area_list.jsp',  
7.                  cache:false,  
8.                  dataType: 'json',       
9.                  data :{id : value},  
10.                  success: function(result) {  
11.                          //my action  
12.                     var _total = result.total;  
13.                     var _rows = result.rows;  
14.                     for(var i=0; i < _total;++i){  
15.                            alert(_rows[i].id+ _rows[i].name);  
16.                     }  
17.                  },  
18.                  failure: function(result){  
19.                      //do something  
20.                  }  
21.            });  
22.  }