首頁 >web前端 >js教程 >用循環或if語句從json取資料範例_javascript技巧

用循環或if語句從json取資料範例_javascript技巧

WBOY
WBOY原創
2016-05-16 16:39:241374瀏覽

首先,例如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的一點學習所得,記錄一下。

(註:物件中多個資料時,直接使用)(註:物件中多個資料時,直接使用)

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn