JSON概念很簡單，JSON 是一種輕量級的數據格式，他基于 javascript 語法的子集，即數組和對象表示。由于使用的是 javascript 語法，因此JSON 定義可以包含在javascript 文件中，對其的訪問無需通過基于 XML 的語言來額外解析。不過在使用 JSON 之前，很重要的一點是理解 javascript 中數組及對象字面量的特殊語法。

1.1 數組字面量

         數組字面量，是用一對方括號括起一組用逗號隔開的 javascript 值，例如：

        var aNames=["hello", 12, true , null];

1.2 對象字面量

        對象字面量，是通過兩個花括號來定義的。在花括號內可以放置任意數量的“名稱-值”對，定義格 式字符串值”。除了最后一行外，每個“名稱-值”對后必須有一個逗號（這與Perl 中的聯合數組的定義有些類似）。例如：

        var oCar = {

               "color": "red",       

              "doors" : 4,

               "paidFor" : true

        };

1.3 混合字面量

      我們可以混用對象和數組字面量，來創建一個對象數組，或一個包含數組的對象。例如：

{comments:[
{
id:1,
author:"someone1",
url:"http://someone1.x2design.net",
content:"hello"
},
{
id:2,
author:"someone2",
url:"http://someone2.x2design.net",
content:"hello"
},
{
id:3,
author:"someone3",
url:"http://someone3.x2design.net",
content:"hello"
}
]};

1.4 JSON 語法

      在Ajax應用中，就是服務器直接生成javascript語句，客戶端獲取后直接用eval方法來獲得這個對象，這樣就可以省去解析XML的性能損失。 同時，在javascript 通信中使用JSON作為數據格式的好處很明星，可以立即獲得數據的值，因此可以更快的訪問其中包含的數據。

      var oCarInfo = eval("(" + sJSON + ")");

請記住：在javascript中花括號也是一個語句。要讓解析器知道這個花括號表示的是一個對象而非一個語句的唯一方法是能否找到封裝它的圓括號（它是用來說明代碼是一個表達式而非一個語句）。

1.5 JSON 編碼和解碼

       作為 JSON 資源的一部分，Corockford 開發了一個能夠實現 JSON 和Javascript 對象直接解碼和編碼的工具。這個工具的源程序可以在 www.crockford.com/JSON/json.js 中下載。

       在上面提出用到eval() 存在些固有的不足：它是用來對傳入的任何 Javascript 代碼求值的，而不僅僅針對JSON。因此，當涉及企業級 web 應用程序開發時，它存在很大的安全隱患。為了解決這個問題，可以使用只用來將 JSON 代碼轉換為 Javascript 的解析器 JSON.parse() 方法來實現。例如：

       var oObject = JSON.parse (sJSON);

       同時，它也提供了一種將 Javascript 對象轉換為 JSON 字符串（數據傳輸時使用的）的工具（在Javascript 中沒有內建這種功能支持）。你要做的只是將對象傳入到 JSON.Stringify() 方法。請看下面的例子：

       var oCar = new Object();

       oCar.doors = 4;

        oCar.color = "blue";

       oCar.year = 1995;

       oCar.drivers = new Array("Penny", "Dan" , "Kris");

       document.write(JSON.stringify(oCar));

這段代碼將輸出如下所示的JSON 字符串：

{"doors" : 4, "color" : "blue", "year" :1995, "drivers" : ["Penny", "Dan" , "Kris"]}

2. JSON 與 XML

       正如上面所說，JSON 與 XML 相比的一大優點就是它更加簡單。

請看 XML 數據表示實例：

使用XML表示：

<comments>
<comment>
<id>1</id>
<author>someone1</author>
<url>http://someone1.x2design.net</url>
<content>hello</content>
</comment>
<comment>
<id>2</id>
<author>someone2</author>
<url>http://someone2.x2design.net</url>
<content>someone1</content>
</comment>
<comment>
<id>3</id>
<author>someone3</author>
<url>http://someone3.x2design.net</url>
<content>hello</content>
</comment>
</comments>

使用JSON表示：

{comments:[
{
id:1,
author:"someone1",
url:"http://someone1.x2design.net",
content:"hello"
},
{
id:2,
author:"someone2",
url:"http://someone2.x2design.net",
content:"hello"
},
{
id:3,
author:"someone3",
url:"http://someone3.x2design.net",
content:"hello"
}
]};

       很容易發現，許多冗余的信息不見了。由于不需要有與開始標簽（opening tag）匹配的結束標簽（closing tag），因此傳送相同的信息所需的字節數大大降低了。創始人 Corockford 將其稱之為“XML 的減肥方案”）。

        JSON 格式的數據與 XML 相比，缺點是對于外行人可讀性更差。當然，有一種觀點是，數據交換格式不是用肉眼觀察的。如果是通過工具對來回傳送的數據進行創建和解析，那么的確沒有理 由要求數據必須使人們易于閱讀。問題的實質在于：存在可用的 JSON 工具。

3. 服務器端 JSON 工具

java ：java JSON 工具，由Douglas Crock ford 開發，可在 www.crockford.com/JSON/java/

           中下載，它可以在 JSP 中使用。

4. JSON 優勢與缺點

       JSON不僅減少了解析XML解析帶來的性能問題和兼容性問題，而且對于javascript來說非常容易使用，可以方便的通過遍歷數組以及訪問對象屬性 來獲取數據，其可讀性也不錯，基本具備了結構化數據的性質。不得不說是一個很好的辦法，而且事實上google maps就沒有采用XML傳遞數據，而是采用了JSON方案。

       JSON 另外一個優勢是跨域可行性，例如你在www.xxx.com的網頁里使用是完全可行的，這就意味著你可以跨域傳遞信息。而使用XMLHttpRequest卻獲取不了跨域的信息，這是javascript內部的安全性質所限制的。

       JSON看上去很美，是不是就能完全取代XML呢？事實并非如此，而原因就在于XML的優勢：通用性。要使服務器端產生語法合格的javascript代 碼并不是很容易做到的，這主要發生在比較龐大的系統，服務器端和客戶端有不同的開發人員。它們必須協商對象的格式，這很容易造成錯誤。

<#macro vesselInfo index=index readonly=true>
<table class="guide" style="width:100%;" id="base_tbl">
 <tr>
  <th>英文船名</th><td><input type="hidden" name="shipInfoId" value="${index.ship_info_id?if_exists}" id="shipInfoId"/><input name="vesselNameEn" id="vessel_name_en" value="${index.vessel_name_en?if_exists}"/></td>
  <th>中文船名</th><td><input name="vesselNameCn" id="vessel_name_cn" value="${index.vessel_name_cn?if_exists}"/></td>
  
  <th>航次</th><td><input name="voyage" id="voyage" value="${index.voyage?if_exists}"/></td>
  
 </tr>
 </table>

</#macro>

function test(varWeight){
    //var index = parseFloat(document.activeElement.id);獲得當前對象
    var index = parseFloat($(varWeight).attr("id"));//獲得當前id內容
   
   var fieldNo =  document.getElementById("fieldNo")[index].value;
     var weight =  document.getElementsByName("weight")[index+1].value;
    if(fieldNo != "" && weight != ""){
       var query = "fieldNo="+fieldNo+"&weight="+weight;
      alert(query);
         $.ajax({ 
           type: "POST", 
            url: '${webroot}/suggest!maxCount.do', 
           // dataType: 'text', 
            data: query, 
            success:function(data){
            //name1=msg.userName[0].name1;
            //close();
            //return false;
            // document.getElementById(obj).innerHTML=html;
            },
            error: function(){  
          //  document.getElementById(obj).innerHTML="網絡連接超時，無法顯示數據！";  
         //  return;  
        }  
           
         });

    }
   
  
}