Ketika JavaScript meminta dan memproses banyak data, sering kali menyusahkan banyak pemrogram bagaimana cara mengimplementasikannya. Cara mengedit dan menghapus secara dinamis tanpa mempengaruhi item data lainnya. Hari ini kami memperkenalkan metode untuk referensi.
Copy kode kodenya sebagai berikut:
<span style="font-size:14px;">{ "Tabel":
[
{ "Id": 3, "Jenis": "X",
"Isi": "Laporan Kongres Nasional Partai Komunis Tiongkok ke-18 menunjukkan bahwa apa saja bentuk penting demokrasi rakyat di negara kita?",
"Akey": "Sistem politik demokrasi akar rumput", "Bkey": "Sistem Kongres Rakyat",
"Ckey": "Sistem Kerja Sama Multi Pihak", "Dkey": null, "NUM": 3 },
{ "Id": 2, "Type": "X", "Isi": "Antelop Tibet adalah hewan nasional yang dilindungi tingkat pertama dan merupakan hewan unik ()",
"Akey": "Dataran Tinggi Qinghai-Tibet", "Bkey": "Xinjiang",
"Ckey": "Qinghai", "Dkey": null, "NUM": 2 },
{ "Id": 1, "Type": "X", "Content": "Melindungi satwa liar mempunyai banyak arti, dan yang bukan bagiannya adalah",
"Akey": "Efek Lingkungan", "Bkey": "Nilai Budaya",
"Ckey": "Melihat nilai", "Dkey": null, "NUM": 1 }
]
}</span>
Cara menampilkannya dalam HTML dan menerapkan pekerjaan pengeditan dan penghapusan, yang melibatkan penguraian json dan tampilan data hierarkis:
Tag tampilan HTML:
<ul id="msg" nama="msg"> </ul>
JavaScript mem-parsing data dan menampilkan:
Copy kode kodenya sebagai berikut:
<span style="font-size:14px;"> var respon = xmlHttp.responseText;
eval("var hasil =" + tanggapan);
var len = hasil.Tabel.panjang;
jika (len > 0) {
var pesan = "";
untuk (var i = 0; saya < len; i++) {
pesan += "<li><span>" + hasil.Tabel[i].Konten + "</span>";
pesan += "<span>" + hasil.Tabel[i].Akey + "</span>";
pesan += "<span>" + hasil.Tabel[i].Bkey + "</span>";
pesan += "<span>" + hasil.Tabel[i].Ckey + "</span>";
pesan += "<span>" + hasil.Tabel[i].Dkey + "</span>";
pesan += "<a href='###' onclick=/"editSub('" + hasil.Tabel[i].Id + "')/">Edit</a>";
pesan += " <a href='###' onclick='Hapus(" + hasil.Tabel[i].Id + ")'>Hapus</a>";
pesan += "</li>";
}
document.getElementById("msg").innerHTML = pesan;
}</span>
Setiap bagian data dapat diproses melalui fungsi editSub(id) dan Delete(id) untuk mencapai fungsi yang mirip dengan ListBox.