溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

$.getJSON( )的使用方法簡介

發(fā)布時間:2020-07-17 15:12:30 來源:網(wǎng)絡(luò) 閱讀:317 作者:CandyAllen 欄目:web開發(fā)

JSON(JavaScript Object Notation)即JavaScript對象表示法,是一種輕量級的數(shù)據(jù)交換格式。它非常便于編程人員對數(shù)據(jù)的處理,也便于機(jī)器對數(shù)據(jù)的解析和生成,應(yīng)用非常廣泛。

json文件可以保存為“test.json”這樣的文件

json數(shù)據(jù)的一般格式如下(“{ }”中的為對象,“[ ]”中的為數(shù)組)

{
"total":3,
"rows":[
   {
   "userId":1,
   "realName":"張三",
   "headUrl":"href='teaDetail.html'",
   "img":"src='p_w_picpaths/tea1.jpg'",
   "introduction":"熱情大方。"
   },{
   "userId":2,
   "realName":"王五",
   "headUrl":"href='teaDetail.html'",
   "img":"src='p_w_picpaths/tea2.jpg'",
   "introduction":"熱情大方。"
   },{
   "userId":3,
   "realName":"李四",
   "headUrl":"href='teaDetail.html'",
   "img":"src='p_w_picpaths/tea3.jpg'",
   "introduction":"熱情大方"
   }
]
}

jQuery中的$.getJSON( )方法函數(shù)主要用來從服務(wù)器加載json編碼的數(shù)據(jù),它使用的是GET HTTP請求。

使用方法如下:

$.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )

url是必選參數(shù),表示json數(shù)據(jù)的地址;
data是可選參數(shù),用于請求數(shù)據(jù)時發(fā)送數(shù)據(jù)參數(shù);
success是可參數(shù),這是一個回調(diào)函數(shù),用于處理請求到的數(shù)據(jù)。

獲取json數(shù)據(jù)舉例:

$.getJSON('test.json', function(data){  

for (var i = 0; i < data.rows.length; i++) {       

$('#test').append('<p>' + data.rows[i].realName + '</p>');   

 }

});

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI