JavaScriptを使ってListBoxのような機能例コードを実現します。

JavaScriptは、多くのデータの要求と処理の過程において、どのように多くのプログラマに迷惑をかけて、どのように動的編集と削除を行いますか？他のデータ項目に影響を与えません。今日は参考にする方法を紹介します。例えば、Xml Requestを通じて、下記のデータに要求されます。

 
<span style="font-size:14px;">{ "Table": 
[ 
{ "Id": 3, "Type": "X", 
"Content": "         ，              ？", 
"Akey": "        ", "Bkey": "        ", 
"Ckey": "      ", "Dkey": null, "NUM": 3 }, 
{ "Id": 2, "Type": "X", "Content": "             （）    ", 
"Akey": "    ", "Bkey": "  ", 
"Ckey": "  ", "Dkey": null, "NUM": 2 }, 
{ "Id": 1, "Type": "X", "Content": "           ，        ", 
"Akey": "    ", "Bkey": "    ", 
"Ckey": "    ", "Dkey": null, "NUM": 1 } 
] 
}</span> 

はどのようにHTMLに彼らを表示し、編集と削除を実現しますか？この中に含まれているjson解析とデータ階層表示：HTML表示タグ：＜ul id=“msg”name=“msg”>JavaScript解析データそして表示：

 
<span style="font-size:14px;"> var response = xmlHttp.responseText; 
eval("var result =" + response); 
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 + "')\">  </a>"; 
msg += " <a href='###' onclick='Delete(" + result.Table[i].Id + ")'>  </a>"; 
msg += "</li>"; 
} 
document.getElementById("msg").innerHTML = msg; 
}</span> 

は、editySub（id）とDelete（id）関数によって複数のデータを処理し、ListBoxのような機能を実現することができます。