使用getJSON()方法可以通過Ajax異步請(qǐng)求的方式，獲取服務(wù)器中的數(shù)據(jù)，并對(duì)獲取的數(shù)據(jù)進(jìn)行解析，顯示在頁(yè)面中，它的調(diào)用格式為：
jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback])
其中，url參數(shù)為請(qǐng)求加載json格式文件的服務(wù)器地址，可選項(xiàng)data參數(shù)為請(qǐng)求時(shí)發(fā)送的數(shù)據(jù)，callback參數(shù)為數(shù)據(jù)請(qǐng)求成功后，執(zhí)行的回調(diào)函數(shù)。
例如，點(diǎn)擊頁(yè)面中的“加載”按鈕，調(diào)用getJSON()方法獲取服務(wù)器中JSON格式文件中的數(shù)據(jù)，并遍歷數(shù)據(jù)，將指定的字段名內(nèi)容顯示在頁(yè)面中。如下圖所示：
在瀏覽器中顯示的效果：
從圖中可以看出，當(dāng)點(diǎn)擊“加載”按鈕時(shí)，通過getJSON()方法調(diào)用服務(wù)器中的sport.json文件，獲取返回的data文件數(shù)據(jù)，并遍歷該數(shù)據(jù)對(duì)象，以data[“name”]取出數(shù)據(jù)中指定的內(nèi)容，顯示在頁(yè)面中。
我來(lái)試試，親自調(diào)用getJSON()方法獲取服務(wù)器中JSON格式文件的內(nèi)容。
在下列代碼的第24行，調(diào)用getJSON()方法獲取服務(wù)器中 http://idcbgp.cn/data/sport.json 的JSON格式文件中的數(shù)據(jù)，并將數(shù)據(jù)中指定的內(nèi)容顯示頁(yè)面中。
getJSON()方法請(qǐng)求服務(wù)器中JSON格式文件的數(shù)據(jù)時(shí)，如果請(qǐng)求成功，數(shù)據(jù)則通過回調(diào)函數(shù)的參數(shù)返回，即data參數(shù)。請(qǐng)驗(yàn)證，完成請(qǐng)求
由于請(qǐng)求次數(shù)過多，請(qǐng)先驗(yàn)證，完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)