JavaScript を使用して ListBox 関数と同様のサンプル コードを実装する_JavaScript スキル

JavaScript が複数のデータをリクエストして処理する場合、他のデータ項目に影響を与えずに動的に編集および削除する方法を多くのプログラマが悩ませることがあります。たとえば、XmlRequest を使用して次のリクエストを行う方法を紹介します。 🎜>

コードをコピー コードは次のとおりです:

{ "表":
[
{ "Id": 3, "Type": "X",
"Content": "第 18 回共産党大会報告我が国の党は、「我が国の国民は民主主義の重要な形態とは何ですか？」、
"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 はデータを解析して次のように表示します:


コードをコピー コードは次のとおりです:
xmlHttp.responseText;
eval("var result =" 応答);
var len = result.Table.length;
if (len > 0) {
var msg = ""; 🎜>for (var i = 0; i msg = "
" result.Table[i].Content ""; >msg = "" result.Table[i].Akey "< /span>";
msg = "" result.Table[i].Bkey " ";
msg = "" result.Table[i].Ckey "";
msg = "" result.Table[i].Dkey "< ;/span>";
msg = "編集";
msg = " 削除";
msg = "< /li>";
}
document.getElementById("msg ").innerHTML = msg;
}


各データを処理できますeditSub(id) 関数と Delete(id) 関数を使用して、 ListBox と同様の機能を実現します。