JSON概念很簡(jiǎn)單，JSON 是一種輕量級(jí)的數(shù)據(jù)格式，他基于 javascript 語(yǔ)法的子集，即數(shù)組和對(duì)象表示。由于使用的是 javascript 語(yǔ)法，因此JSON 定義可以包含在javascript 文件中，對(duì)其的訪問(wèn)無(wú)需通過(guò)基于 XML 的語(yǔ)言來(lái)額外解析。不過(guò)在使用 JSON 之前，很重要的一點(diǎn)是理解 javascript 中數(shù)組及對(duì)象字面量的特殊語(yǔ)法。

1.1 數(shù)組字面量

         數(shù)組字面量，是用一對(duì)方括號(hào)括起一組用逗號(hào)隔開(kāi)的 javascript 值，例如：

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

1.2 對(duì)象字面量

        對(duì)象字面量，是通過(guò)兩個(gè)花括號(hào)來(lái)定義的。在花括號(hào)內(nèi)可以放置任意數(shù)量的“名稱(chēng)-值”對(duì)，定義格 式字符串值”。除了最后一行外，每個(gè)“名稱(chēng)-值”對(duì)后必須有一個(gè)逗號(hào)（這與Perl 中的聯(lián)合數(shù)組的定義有些類(lèi)似）。例如：

        var oCar = {

               "color": "red",       

              "doors" : 4,

               "paidFor" : true

        };

1.3 混合字面量

      我們可以混用對(duì)象和數(shù)組字面量，來(lái)創(chuàng)建一個(gè)對(duì)象數(shù)組，或一個(gè)包含數(shù)組的對(duì)象。例如：

{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 語(yǔ)法

      在Ajax應(yīng)用中，就是服務(wù)器直接生成javascript語(yǔ)句，客戶(hù)端獲取后直接用eval方法來(lái)獲得這個(gè)對(duì)象，這樣就可以省去解析XML的性能損失。 同時(shí)，在javascript 通信中使用JSON作為數(shù)據(jù)格式的好處很明星，可以立即獲得數(shù)據(jù)的值，因此可以更快的訪問(wèn)其中包含的數(shù)據(jù)。

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

請(qǐng)記住：在javascript中花括號(hào)也是一個(gè)語(yǔ)句。要讓解析器知道這個(gè)花括號(hào)表示的是一個(gè)對(duì)象而非一個(gè)語(yǔ)句的唯一方法是能否找到封裝它的圓括號(hào)（它是用來(lái)說(shuō)明代碼是一個(gè)表達(dá)式而非一個(gè)語(yǔ)句）。

1.5 JSON 編碼和解碼

       作為 JSON 資源的一部分，Corockford 開(kāi)發(fā)了一個(gè)能夠?qū)崿F(xiàn) JSON 和Javascript 對(duì)象直接解碼和編碼的工具。這個(gè)工具的源程序可以在 www.crockford.com/JSON/json.js 中下載。

       在上面提出用到eval() 存在些固有的不足：它是用來(lái)對(duì)傳入的任何 Javascript 代碼求值的，而不僅僅針對(duì)JSON。因此，當(dāng)涉及企業(yè)級(jí) web 應(yīng)用程序開(kāi)發(fā)時(shí)，它存在很大的安全隱患。為了解決這個(gè)問(wèn)題，可以使用只用來(lái)將 JSON 代碼轉(zhuǎn)換為 Javascript 的解析器 JSON.parse() 方法來(lái)實(shí)現(xiàn)。例如：

       var oObject = JSON.parse (sJSON);

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

       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

       正如上面所說(shuō)，JSON 與 XML 相比的一大優(yōu)點(diǎn)就是它更加簡(jiǎn)單。

請(qǐng)看 XML 數(shù)據(jù)表示實(shí)例：

使用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"
}
]};

       很容易發(fā)現(xiàn)，許多冗余的信息不見(jiàn)了。由于不需要有與開(kāi)始標(biāo)簽（opening tag）匹配的結(jié)束標(biāo)簽（closing tag），因此傳送相同的信息所需的字節(jié)數(shù)大大降低了。創(chuàng)始人 Corockford 將其稱(chēng)之為“XML 的減肥方案”）。

        JSON 格式的數(shù)據(jù)與 XML 相比，缺點(diǎn)是對(duì)于外行人可讀性更差。當(dāng)然，有一種觀點(diǎn)是，數(shù)據(jù)交換格式不是用肉眼觀察的。如果是通過(guò)工具對(duì)來(lái)回傳送的數(shù)據(jù)進(jìn)行創(chuàng)建和解析，那么的確沒(méi)有理 由要求數(shù)據(jù)必須使人們易于閱讀。問(wèn)題的實(shí)質(zhì)在于：存在可用的 JSON 工具。

3. 服務(wù)器端 JSON 工具

java ：java JSON 工具，由Douglas Crock ford 開(kāi)發(fā)，可在 www.crockford.com/JSON/java/

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

4. JSON 優(yōu)勢(shì)與缺點(diǎn)

       JSON不僅減少了解析XML解析帶來(lái)的性能問(wèn)題和兼容性問(wèn)題，而且對(duì)于javascript來(lái)說(shuō)非常容易使用，可以方便的通過(guò)遍歷數(shù)組以及訪問(wèn)對(duì)象屬性 來(lái)獲取數(shù)據(jù)，其可讀性也不錯(cuò)，基本具備了結(jié)構(gòu)化數(shù)據(jù)的性質(zhì)。不得不說(shuō)是一個(gè)很好的辦法，而且事實(shí)上google maps就沒(méi)有采用XML傳遞數(shù)據(jù)，而是采用了JSON方案。

       JSON 另外一個(gè)優(yōu)勢(shì)是跨域可行性，例如你在www.xxx.com的網(wǎng)頁(yè)里使用是完全可行的，這就意味著你可以跨域傳遞信息。而使用XMLHttpRequest卻獲取不了跨域的信息，這是javascript內(nèi)部的安全性質(zhì)所限制的。

       JSON看上去很美，是不是就能完全取代XML呢？事實(shí)并非如此，而原因就在于XML的優(yōu)勢(shì)：通用性。要使服務(wù)器端產(chǎn)生語(yǔ)法合格的javascript代 碼并不是很容易做到的，這主要發(fā)生在比較龐大的系統(tǒng)，服務(wù)器端和客戶(hù)端有不同的開(kāi)發(fā)人員。它們必須協(xié)商對(duì)象的格式，這很容易造成錯(cuò)誤。

<#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);獲得當(dāng)前對(duì)象
    var index = parseFloat($(varWeight).attr("id"));//獲得當(dāng)前id內(nèi)容
   
   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="網(wǎng)絡(luò)連接超時(shí)，無(wú)法顯示數(shù)據(jù)！";  
         //  return;  
        }  
           
         });

    }
   
  
}