深入淺出 jQuery

360 第九章

客戶端，見過伺服器！

使 用 剛 才 建 立 的 程 式 碼 更 新 你 的 service.php 和 my_scripts.js 檔案， 並 且 在 你 的

瀏 覽 器 裡 打 開 index.html。 開 啟 Developer tools（開 發 者 工 具） 裡 的 "Network"

頁籤，你會看見 JSON 資訊被載入。

很好，我們使用find和

each 來展示它，就像我們

處理 XML 一樣，對嗎？

不全然。

我們 知 道我們有 JSON 格式的 資料，因為它是

由 我 們 自 己 的 PHP 程 式 碼 建 立 的。 現 在， 我

們（終 於） 要仔 細檢 視 我 們 一 直 提到 的 JSON

物件，好讓我們能夠把資料取回。

此函式顯示 JSON

物件裡回傳的紀錄

筆數。

在瀏覽器工具的

“

Network

"

區段裡，

JSON 資訊可以在

JSON 頁籤中被看到。

測試版

目前位置 4 361

處理 JSON 資料

function getDBRacers(){

$.getJSON( , function(json) {

if (json.runners. > 0) {

$('#finishers_m').empty();

$('#finishers_f').empty(); ...