Rumah > hujung hadapan web > tutorial js > Contoh pengambilan data daripada json menggunakan kemahiran gelung atau if statement_javascript

Contoh pengambilan data daripada json menggunakan kemahiran gelung atau if statement_javascript

WBOY
Lepaskan: 2016-05-16 16:39:24
asal
1385 orang telah melayarinya

Pertama, sebagai contoh, data json ditulis seperti berikut:

{"head": [ 
{"text":"广州","id":"广州","pid":"广东省"}, 
{"text":"郑州","id":"郑州","pid":"河南省"}], 
}
Salin selepas log masuk

Seperti di atas, jika anda ingin mengeluarkan data id dan pid mengikut urutan, anda hanya boleh menggunakan gelung Kodnya adalah seperti berikut:

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);
Salin selepas log masuk

Dengan cara ini, data dalam json akan dikeluarkan secara berurutan selepas data.

Jika anda ingin mengeluarkan secara selektif, anda perlu menambah syarat if Kod adalah seperti berikut:

for (var i = 0; i < data.head.length; i++) { 
if (data.head[i].pid == "河南省") { //有选择的输出json数据 
head_pid += data.head[i].pid; 
} 
}
Salin selepas log masuk

Perlu diambil perhatian bahawa jika terdapat berbilang set data dalam objek, data.head.id tidak ditentukan kerana tiada petunjuk set data yang mana, seperti data.head[0].id. Jika hanya terdapat satu set data dalam objek Kumpulan data boleh dikeluarkan terus menggunakan data.head.id.

Selain itu, jika data json yang dipanggil bercelaru dalam bahasa Cina, di satu pihak, semak kod jquery yang dipanggil oleh json, sebaliknya, ia mungkin masalah dengan fail di mana data json berada bertulis.

Di atas adalah serba sedikit pembelajaran daripada json belajar sendiri, rekodkan.

(Nota: Apabila terdapat berbilang data dalam objek, gunakannya secara langsung) (Nota: Apabila terdapat berbilang data dalam objek, gunakannya secara langsung)

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan