本範例使用 Web 元件去取得 CAVEDU 教育團隊粉絲專頁的 JSON 格式之後，將按讚次數顯示在畫面中。source code 請由 App Inventor 中文學習網下載。
一個 JSON 物件是由 { } 大括號包起來的，裡面包含了一或多組可以自行定義的 key / value ，用來進行電腦與電腦之間的資料格式交換。
舉例來說，CAVE 的粉絲專頁網址是 https://www.facebook.com/CAVEEducation
您只要把 www 改成 graph 就可以看到以下的畫面 (https://graph.facebook.com/CAVEEducation)
您可以看到例如 id、can post、catagory 等欄位，另外像 cover(封面照片) 等則是本身還是一個JSON物件，裡面有更多子欄位。
根據 Facebook 的定義，按讚的欄位名稱為 likes，所以跟在其後的數字就是按讚數了。您可根據本範例來取得各欄位內容，非常方便。
接下來看到程式：
Designer頁面：
只有四個元件：
- Label：顯示按讚數
- TextBox：顯示取回的 JSON 資料
- Button：按鈕取回資料
- Web：負責取回指令網址的資料
Blocks頁面：
先宣告一個名為 json 的空清單，用來存放解析後的 json 物件。
按下 Button_get (CAVEDU頭像) 之後，會呼叫 Web1.Get 方法去取得 https://graph.facebook.com/CAVEEducation 網頁內容。
順利取得資料之後，會啟動 Web1.GetText方法，並把內容以 responseContent 變數回傳。我們把 responseContent 用 , 來切割，並數一下 likes 出現在第 27 項，所以我們把 responseContent 切割結果的第27項存入 json 清單並顯示在 TextBox 中。長這樣：
“likes”:2664
這也是一個清單，所以我們再切一次！這次用 : 隔開取第2項就可以取得按讚數，最後顯示在 Label 上就可以了。
（這樣不算是太聰明的作法，請期待第二版吧）
