通過(guò)請(qǐng)求獲取充分格式化的HTML雖然很方便，但這也意味著必須在傳輸文本內(nèi)容的同時(shí)也 傳輸很多HTML標(biāo)簽。有時(shí)候，我們希望能夠盡量少傳輸一些數(shù)據(jù)，然后馬上處理這些數(shù)據(jù)。在 這種情況，我們希望取得能夠通過(guò)JavaScript進(jìn)行遍歷的數(shù)據(jù)結(jié)構(gòu)。
          使用jQuery的選擇符可以遍歷和操作取得的HTML結(jié)構(gòu)，但是還有一種JavaScript內(nèi)置的數(shù)據(jù) 格式，既能減少數(shù)據(jù)傳輸量，也會(huì)減少編碼量。

1.取得JSON

         前面我們?cè)?jīng)看到過(guò)，JavaScript對(duì)象是由一些“鍵-值”對(duì)組成的，而且還可以方便地使 用花括號(hào)（{})來(lái)定義。另一方面，JavaScript的數(shù)組則可以使用方括號(hào)（[])和隱式聲明的 逐漸遞增的鍵進(jìn)行動(dòng)態(tài)定義。將這兩種語(yǔ)法組合起來(lái)，可以輕松地表達(dá)復(fù)雜而且龐大的數(shù)據(jù) 結(jié)構(gòu)。
S是synchronous的首字母，即同步。
         作者這里的意思是，如果不是Ajax,而是SJAX，即不是異步加載，而是同步加載，那么就不會(huì)有那么大的影響了。
Douglas Crockford為這種簡(jiǎn)單的語(yǔ)法起了一個(gè)名字，叫做JSON (JavaScript Object Notation, JavaScript對(duì)象表示法)。通過(guò)這種表示法能夠方便地取代數(shù)據(jù)量龐大的XML格式：

           在對(duì)象字面量和數(shù)組字面量的基礎(chǔ)上，JSON格式的語(yǔ)法具有很強(qiáng)的表達(dá)能力，但對(duì)其中的 值也有一定的限制。例如，JSON規(guī)定所有對(duì)象鍵以及所有字符串值，都必須包含在雙引號(hào)中。 而且，函數(shù)也不是有效的JSON值。由于存在這些限制，開(kāi)發(fā)人員最好不手工編輯JSON，而應(yīng)該 用服務(wù)器端語(yǔ)言來(lái)生成。

         要了解JSON的語(yǔ)法要求以及它有哪些優(yōu)勢(shì)，都有哪些語(yǔ)言支持這種數(shù)據(jù)格 式，請(qǐng)?jiān)L問(wèn) http://json.org/。如果用這種格式對(duì)字典中的解釋進(jìn)行編碼，那么可能會(huì)有很多種編碼方式。這里，我們把一 些字典的詞條放在一個(gè)名叫b.json的JSON文件中，這個(gè)文件開(kāi)頭部分的代碼如下：

           要取得這些數(shù)據(jù)，可以使用$.getJS0N()方法，這個(gè)方法會(huì)在取得相應(yīng)文件后對(duì)文件進(jìn)行處理。在數(shù)據(jù)從服務(wù)器返回后，它只是一個(gè)簡(jiǎn)單的JSON格式的文本字符串。$.getJSON()方法 會(huì)解析這個(gè)字符串，并將處理得到的JavaScript對(duì)象提供給調(diào)用代碼。

2.使用全局jQuery函數(shù)

           到目前為止，我們使用的所荀Query方法都需要通過(guò)$()函數(shù)構(gòu)建的一個(gè)jQuery對(duì)象進(jìn)行調(diào) 用。通過(guò)選擇符表達(dá)式，我們可以指定一組要操作的DOM節(jié)點(diǎn)，然后再用這些jQuery方法以某種 方式對(duì)它們進(jìn)行操作。然而，$.getJS〇N()函數(shù)卻不一樣。從邏輯上說(shuō)，沒(méi)有該方法適用的DOM 元素；作為結(jié)果的對(duì)象只能提供給腳本，而不能插人到頁(yè)面中。為此，getJS〇N()是作為全局 jQuery對(duì)象（由jQuery庫(kù)定義的jQuery*$對(duì)象）的方法定義的，也就是說(shuō)，它不是個(gè)別jQuery 對(duì)象實(shí)例（即通過(guò)$()函數(shù)創(chuàng)建的對(duì)象）的方法。

           如果JavaScript中有類(lèi)似其他面向?qū)ο笳Z(yǔ)言中的類(lèi)，那我們可以把$.getJS〇N()稱(chēng)為類(lèi)方法。 為了便于理解，我們?cè)谶@里稱(chēng)其為全局函數(shù)；實(shí)際上，為了不與其他函數(shù)名稱(chēng)發(fā)生沖突，這些全 局函數(shù)使用的是jQuery命名空間。
          在使用這個(gè)函數(shù)時(shí)，我們還需要像以前一樣為它傳遞文件名，如代碼清單6-3所示。
代碼清單6-3

              當(dāng)單擊按鈕時(shí)，我們看不到以上代碼的效果。因?yàn)殡m然函數(shù)調(diào)用加載了文件，但是并沒(méi)有告 訴JavaScript對(duì)返回的數(shù)據(jù)如何處理。為此，我們需要使用一個(gè)回調(diào)函數(shù)。
              $.getJSON()函數(shù)可以接受第2個(gè)參數(shù)，這個(gè)參數(shù)是當(dāng)加載完成時(shí)調(diào)用的函數(shù)。如上所述， Ajax請(qǐng)求都是異步的，回調(diào)函數(shù)提供了一種等待數(shù)據(jù)返回的方式，而不是立即執(zhí)行代碼。回調(diào)函 數(shù)也需要一個(gè)參數(shù)，該參數(shù)中保存著返回的數(shù)據(jù)。因此，我們的代碼要寫(xiě)成代碼清單6-4這樣。
代碼清單6-4

            我們?cè)诖耸褂昧四涿瘮?shù)表達(dá)式作為回調(diào)函數(shù)，這在jQuery代碼中很常見(jiàn)，主要是為了保持 代碼簡(jiǎn)潔。當(dāng)然，對(duì)函數(shù)聲明的引用同樣也可以作為回調(diào)函數(shù)。
           這樣，我們就可以在函數(shù)中通過(guò)data變量來(lái)遍歷JSON數(shù)據(jù)結(jié)構(gòu)了。具體來(lái)說(shuō)，需要迭代頂 級(jí)數(shù)組，為每個(gè)項(xiàng)構(gòu)建相應(yīng)的HTML代碼。雖然可以在這里使用標(biāo)準(zhǔn)的for循環(huán)，但我們要借此機(jī)會(huì)介紹jQuery的另一個(gè)實(shí)用全局函數(shù)$.each(),在第5章中，我們?cè)吹竭^(guò)它的對(duì)應(yīng)方 法.each()。$.each()函數(shù)不操作jQuery對(duì)象，它以數(shù)組或?qū)ο笞鳛榈谝粋€(gè)參數(shù)，以回調(diào)函數(shù) 作為第二個(gè)參數(shù)。此外，還需要將每次循環(huán)中數(shù)組或?qū)ο蟮漠?dāng)前索引和當(dāng)前項(xiàng)作為回調(diào)函數(shù)的兩 個(gè)參數(shù)，參見(jiàn)代碼清單6-5。
代碼清單6-5

            這里通過(guò)$.each()函數(shù)依次遍歷每個(gè)項(xiàng)，并使用entry對(duì)象的內(nèi)容構(gòu)建起HTML代碼結(jié)構(gòu)。 構(gòu)建好HTML之后，通過(guò).html()把它插人到div id="dictionary">*，替換其中原有的所 有內(nèi)容。

安全的HTML
           這種方法要求數(shù)據(jù)中包含可以直接用來(lái)構(gòu)建HTML的安全內(nèi)容，例如，數(shù)據(jù) 中不能包含任何字符。

          現(xiàn)在所剩的就是處理詞條中的引用語(yǔ)了，這需要使用另一個(gè)$.each()循環(huán)，參見(jiàn)代碼清 單 6-6。
          代碼清單6-6

          編寫(xiě)完這些代碼后，就可以單擊下一個(gè)B鏈接來(lái)驗(yàn)證我們的成果了，頁(yè)面右側(cè) 出現(xiàn)了相應(yīng)的字典條目。

           盡管JSON格式很簡(jiǎn)潔，但它卻不容許任何錯(cuò)誤。所有方括號(hào)、花括號(hào)、引號(hào)和逗號(hào)都必須 合理且正確地使用，否則文件不會(huì)加載。而且，在多數(shù)瀏覽器中，當(dāng)文件加載失敗時(shí)我們看不到 任何錯(cuò)誤信息；腳本只是靜默地徹底終止運(yùn)轉(zhuǎn)。

以上就是本文的全部?jī)?nèi)容了，希望小伙伴們能夠喜歡，能夠?qū)jax操作javascript對(duì)象有新的認(rèn)識(shí)。