Verwenden Sie JavaScript, um Beispielcode ähnlich den ListBox-Funktionen zu implementieren

Wenn JavaScript mehrere Daten anfordert und verarbeitet, ist es für viele Programmierer schwierig, diese dynamisch zu bearbeiten und zu löschen. Heute stellen wir eine Methode zur Referenzierung vor.

Kopieren Sie den Codecode wie folgt:

<span style="font-size:14px;">{ "Tabelle":

[

{ „Id“: 3, „Typ“: „X“,

„Inhalt“: „Der Bericht des 18. Nationalkongresses der Kommunistischen Partei Chinas wies darauf hin, was die wichtigen Formen der Volksdemokratie in unserem Land sind?“,

„Akey“: „Basisdemokratisches politisches System“, „Bkey“: „Volkskongresssystem“,

„Ckey“: „Mehrparteien-Kooperationssystem“, „Dkey“: null, „NUM“: 3 },

{ „Id“: 2, „Type“: „X“, „Content“: „Die Tibetantilope ist ein national geschütztes Tier erster Stufe und ein einzigartiges Tier von ()“,

„Akey“: „Qinghai-Tibet-Plateau“, „Bkey“: „Xinjiang“,

„Ckey“: „Qinghai“, „Dkey“: null, „NUM“: 2 },

{ „Id“: 1, „Type“: „X“, „Content“: „Der Schutz wilder Tiere hat viele Bedeutungen, und was nicht dazugehört, schon“,

„Akey“: „Umweltwirkung“, „Bkey“: „Kultureller Wert“,

„Ckey“: „Anzeigewert“, „Dkey“: null, „NUM“: 1 }

]

</span>

So zeigen Sie sie in HTML an und implementieren Bearbeitungs- und Löscharbeiten, die JSON-Analyse und hierarchische Anzeige von Daten umfassen:

HTML-Anzeige-Tag:

<ul id="msg" name="msg"> </ul>

JavaScript analysiert die Daten und zeigt Folgendes an:

Kopieren Sie den Codecode wie folgt:

<span style="font-size:14px;"> var Response = xmlHttp.responseText;

eval("var result =" + Antwort);

var len = result.Table.length;

if (len > 0) {

var msg = "";

for (var i = 0; i < len; i++) {

msg += "<li><span>" + result.Table[i].Content + "</span>";

msg += "<span>" + result.Table[i].Akey + "</span>";

msg += "<span>" + result.Table[i].Bkey + "</span>";

msg += "<span>" + result.Table[i].Ckey + "</span>";

msg += "<span>" + result.Table[i].Dkey + "</span>";

msg += "<a href='###' onclick=/"editSub('" + result.Table[i].Id + "')/">Edit</a>";

msg += " <a href='###' onclick='Delete(" + result.Table[i].Id + ")'>Delete</a>";

msg += "</li>";

}

document.getElementById("msg").innerHTML = msg;

</span>

Jedes Datenelement kann über die Funktionen editSub(id) und Delete(id) verarbeitet werden, um ähnliche Funktionen wie ListBox zu erreichen.