在Web開發(fā)中,有時需要從服務(wù)器獲取JSON數(shù)據(jù)。而JavaScript中有一個內(nèi)置對象可以處理JSON數(shù)據(jù),那便是JSON對象。而在使用JSON對象讀取JSON數(shù)據(jù)的過程中,需要使用“el”(即Element)來獲取JSON數(shù)據(jù)中的各個組成部分。
// 定義一個JSON對象
var book = {
"title": "JavaScript高級編程",
"author": "Nicholas C. Zakas",
"price": 69.00,
"publisher":{
"name": "人民郵電出版社",
"year": 2013,
"address": "北京市海淀區(qū)劉家窯郵電大廈"
}
};
// 使用el讀取JSON數(shù)據(jù)
var title = book['title'];
var author = book['author'];
var price = book['price'];
var publisherName = book['publisher']['name'];
var publisherYear = book['publisher']['year'];
var publisherAddress = book['publisher']['address'];
在上述代碼中,我們首先定義了一個JSON對象“book”,包含了書名、作者、價格、出版社信息等。然后我們通過使用el,讀取了JSON對象中的各個屬性值,包括書名、作者、價格、出版社的名稱、出版年份以及出版地址。
此外,我們還可以通過使用JSON對象中的“parse”方法,將從服務(wù)器端獲取到的JSON字符串?dāng)?shù)據(jù)轉(zhuǎn)換為JSON對象。示例代碼如下:
// 從服務(wù)器獲取JSON數(shù)據(jù)
var jsonStr = '{"name": "Tom", "age": 28, "company": {"name":"ABC", "address":"北京市朝陽區(qū)CBD"}}';
// 將JSON字符串?dāng)?shù)據(jù)轉(zhuǎn)換成JSON對象
var jsonData = JSON.parse(jsonStr);
// 通過el獲取JSON對象中的各個屬性值
var name = jsonData['name'];
var age = jsonData['age'];
var companyName = jsonData['company']['name'];
var companyAddress = jsonData['company']['address'];
在上述代碼中,我們首先定義了一個JSON字符串,其中包含了姓名、年齡、公司信息等。然后通過JSON對象中的“parse”方法,將JSON字符串?dāng)?shù)據(jù)轉(zhuǎn)換為JSON對象。最后我們使用el,讀取了JSON對象中的各個屬性值,包括姓名、年齡、公司名稱以及公司地址。