在Web開(kāi)發(fā)中,常常需要從服務(wù)器獲取JSON數(shù)據(jù),然后對(duì)其進(jìn)行處理。對(duì)于這種情況,我們可以使用jQuery庫(kù)中提供的getJSON()方法。
$.getJSON(url, function(data){ //處理獲取到的數(shù)據(jù),data為json數(shù)組對(duì)象 });
其中的url參數(shù)是要獲取JSON數(shù)據(jù)的地址。在獲取到數(shù)據(jù)后,我們可以對(duì)其進(jìn)行處理。由于getJOSN()獲取的是一個(gè)JSON數(shù)組對(duì)象,因此我們可以使用數(shù)組操作來(lái)獲取其中的值。
$.getJSON(url, function(data){ var len = data.length; //獲取數(shù)組長(zhǎng)度 for(var i = 0; i< len; i++){ var name = data[i].name; //獲取name屬性的值 var age = data[i].age; //獲取age屬性的值 //對(duì)獲取到的數(shù)據(jù)進(jìn)行其他處理 } });
在處理完獲取到的數(shù)據(jù)后,我們可以將其渲染到HTML頁(yè)面中。
$.getJSON(url, function(data){ var len = data.length; //獲取數(shù)組長(zhǎng)度 for(var i = 0; i< len; i++){ var name = data[i].name; //獲取name屬性的值 var age = data[i].age; //獲取age屬性的值 //將獲取到的數(shù)據(jù)渲染到HTML頁(yè)面中 $("#result").append(""+name+": "+age+"
"); } });
以上就是使用getJOSN()方法獲取JSON數(shù)組對(duì)象的基本操作。需要注意的是,在實(shí)際開(kāi)發(fā)中,我們需要對(duì)獲取到的數(shù)據(jù)進(jìn)行判斷,確保獲取到的數(shù)據(jù)是我們需要的。