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


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

json文件可以保存為“test.json”這樣的文件,json數據的一般格式如下(“{ }”中的為對象,“[ ]”中的為數組):

{
"total":3,
"rows":[
   {
   "userId":1,
   "realName":"張梅",
   "headUrl":"href='teacherDetail.html'",
   "img":"src='images/teacher.jpg'",
   "introduction":"熱情大方。"
   },{
   "userId":2,
   "realName":"張三",
   "headUrl":"href='teacherDetail.html'",
   "img":"src='images/teacher.jpg'",
   "introduction":"熱情大方。"
   },{
   "userId":3,
   "realName":"李斯",
   "headUrl":"href='teacherDetail.html'",
   "img":"src='images/teacher.jpg'",
   "introduction":"熱情大方"
   }
]
}

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

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

url是必選參數,表示json數據的地址;
data是可選參數,用於請求數據時發送數據參數;
success是可參數,這是一個回調函數,用於處理請求到的數據。

獲取json數據舉例:

$.getJSON('test.json', function(data){
   for (var i = 0; i < data.rows.length; i++) {
      $('#test').append('<p>' + data.rows[i].realName + '</p>');
   }
});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM