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

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

 
  
{ "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 } 
  
] 
  
} 
  
 
 

どのようにHTMLで彼らを表示し、編集と削除を実現しますか?この中にあるjson解析とデータ階層表示:
HTML表示ラベル:
JavaScriptはデータを解析して表示します.

 
  
 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 += "
" + result.Table[i].Content + ""; 
  
msg += "" + result.Table[i].Akey + ""; 
  
msg += "" + result.Table[i].Bkey + ""; 
  
msg += "" + result.Table[i].Ckey + ""; 
  
msg += "" + result.Table[i].Dkey + ""; 
  
msg += "  "; 
  
msg += "   "; 
  
msg += "
"; 
  
} 
  
document.getElementById("msg").innerHTML = msg; 
  
} 
  
 
 

エディットSub(id)とDelete(id)関数により、ListBoxに似た機能を複数のデータごとに処理することができます.