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

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

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請求。使用方法以下:json

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

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

獲取json數據舉例:app

$.getJSON('test.json', function(data){
   for (var i = 0; i < data.rows.length; i++) {
      $('#test').append('<p>' + data.rows[i].realName + '</p>');
   }
});
相關文章
相關標籤/搜索