jQuery調用JSON數據

????? ? JSON數據交互格式源于JavaScript語法，使用jQuery可以十分方便地讀取該類型的數據。在jQuery中，有專門用于調用JSON格式的全局函數getJSON()。

????? ? JSON是一種數據交換格式，它通過key/value或數組的形勢保存數據，通過使用jQuery框架，我們可以很輕松地讀取，遍歷，修改其中的任意內容。

JSON數據的基礎知識

????? ? 從功能上來說，JSON的特點是將JavaScript中的對象轉換成一種輕量型，易解析的字符串，這種字符串不僅能在JavaScript中傳遞，也可以通過異步的方式在web應用程序之間進行數據交互。JSON的結構包含兩種，一種是name/value的形式，另外一種為數組格式，后者用于處理復合的JavaScript對象。JSON的對象轉換過程，實質上就是將JavaScript對象轉換成上述兩種結構的過程，接下來介紹這兩種介紹的組成方式。

1.name/value形式表示

????? ? 該形式是JSON格式中最為簡單的一個表示方式，如下面代碼：

????? ? {"name":"tgr"}

????? ? 上述形式的代碼功能等價于如下代碼，表示"name"對應的值為"tgr"：name=tgr

????? ? 如果有多個對應關系，則這種表示方式的優勢則顯示出來，如下代碼：

????? ? {

????????????? ? "name":"tgr",

????????????? ? "email":"tao_guo_rong@163.com",

????????????? ? "sex":"male"

????????}

????? ? 上述形式與簡單的字符串相比，更加易于閱讀。同時，通過大括號使括號中的每一個值存在一一對應的關系，而且形成一個統一整體，各個元素是相互關聯的。

?2.數組形式表示

JSON也可以通過數組的形式來表示一組數據，實現的的方式也十分簡單，只需要將多個帶花括號的記錄通過括號組合成一個name名稱對應的值，這種方式不僅簡便易于理解，而且大大減少了數據的復雜性，如下代碼：
{ "1132":
[ {"id","102","name":"張小虎","chinese":"80","english":"75"},
{"id","103","name":"李承熊","chinese":"90","english":"85"}
........
]
}

????? ?上述代碼中"1132"表示某班級的"編號"，是一個變量名稱，該變量對應的值是通過中括號組合多個元素的數組，每一個元素的數組，每一個元素對應多條記錄，如“id”,“name”等。此外，可以使用多個變量名，對應更多的數組元素，代碼入下：?

{ "1132":
[ {"id","102","name":"張小虎","chinese":"80","english":"75"},
{"id","103","name":"李承熊","chinese":"90","english":"85"}
........
]??????????? "1133":
[ {"id","112","name":"劉大成","maths":"80","music":"75"},
{"id","113","name":"羅明翰","maths":"90","music":"85"}
........
]

"1134":
[ {"id","122","name":"鐘偉","art":"80","sports":"75"},
{"id","123","name":"秦明","art":"90","sports":"85"}
........

??????????????]

????????????? ...........

????????}

????? ? 上述代碼中“1132”“1133”“1134”分別表示班級“編號”，屬于變量名，各自對應數組元素。在數組元素對應的記錄中，由于JSON在定義數據結構時全是動態的，因此，同一個結構的變量對應的記錄結構可以不同。如上述示例中，變量名“1132”中存在“chinese”記錄名稱，而其他變量則沒有。

總結

以上是生活随笔為你收集整理的jQuery调用JSON数据学习第一天的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。