DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 用循環或if語句從json中取數據示例
用循環或if語句從json中取數據示例
編輯:關於JavaScript     

首先,例如json數據如下書寫:

{"head": [ 
{"text":"廣州","id":"廣州","pid":"廣東省"}, 
{"text":"鄭州","id":"鄭州","pid":"河南省"}], 
}

如上,倘若想將id和pid數據依次取出,就只能用循環,代碼如下:

var head_id = ""; 
var head_pid = ""; 
for (var i = 0; i < data.head.length; i++) { 
head_id += data.head[i].id + " "; //循環輸出json數據 
head_pid += data.head[i].pid + " "; 
} 
$("#city").append("city:" + head_id); 
$("#city").append("province:" + head_pid);

這樣,將會在data之後,依次輸出json中的數據。

若想有選擇性的輸出時,需要添加if條件,代碼如下:

for (var i = 0; i < data.head.length; i++) { 
if (data.head[i].pid == "河南省") { //有選擇的輸出json數據 
head_pid += data.head[i].pid; 
} 
}

需要注意的是,倘若對象中有多組數據,則用data.head.id是undefined的,因為沒有標明是哪組數據,例如data.head[0].id,若對象中只有一組數據,則可以直接用data.head.id輸出。

另外,倘若調出來的json數據,中文亂碼,一方面查看json調用的jquery代碼,另一方面,可能是編寫json數據的文件的問題。

以上是自學json的一點學習所得,記錄一下。

(注:對象中多個數據時,直接使用)(注:對象中多個數據時,直接使用)

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved