Quando o JavaScript solicita e processa vários dados, muitos programadores geralmente ficam preocupados em como implementá-los e como editá-los dinamicamente sem afetar outros itens de dados. Por exemplo, solicite o seguinte por meio de dados XmlRequest.
Copie o código do código da seguinte forma:
<span style="font-size:14px;">{ "Tabela":
[
{ "Id": 3, "Tipo": "X",
"Conteúdo": "O relatório do 18º Congresso Nacional do Partido Comunista da China apontou quais são as formas importantes de democracia popular em nosso país?",
"Akey": "Sistema político democrático de base", "Bkey": "Sistema do Congresso Popular",
"Ckey": "Sistema de Cooperação Multipartidária", "Dkey": null, "NUM": 3 },
{ "Id": 2, "Type": "X", "Content": "O antílope tibetano é um animal nacional protegido de primeiro nível e é um animal único de ()",
"Akey": "Planalto Qinghai-Tibete", "Bkey": "Xinjiang",
"Ckey": "Qinghai", "Dkey": nulo, "NUM": 2 },
{ "Id": 1, "Type": "X", "Content": "Proteger animais selvagens tem muitos significados, e o que não faz parte disso é",
"Akey": "Efeito Ambiental", "Bkey": "Valor Cultural",
"Ckey": "Visualizando valor", "Dkey": null, "NUM": 1 }
]
}</span>
Como exibi-los em HTML e implementar o trabalho de edição e exclusão, que envolve análise json e exibição hierárquica de dados:
Tag de exibição HTML:
<ul id="msg" name="msg"> </ul>
JavaScript analisa os dados e exibe:
Copie o código do código da seguinte forma:
<span style="font-size:14px;"> var resposta = xmlHttp.responseText;
eval("var resultado =" + resposta);
var len = resultado.Tabela.comprimento;
if (len > 0) {
var mensagem = "";
for (var i = 0; i < len; i++) {
msg += "<li><span>" + resultado.Tabela[i].Content + "</span>";
msg += "<span>" + resultado.Tabela[i].Akey + "</span>";
msg += "<span>" + resultado.Tabela[i].Bkey + "</span>";
msg += "<span>" + resultado.Tabela[i].Ckey + "</span>";
msg += "<span>" + resultado.Tabela[i].Dkey + "</span>";
msg += "<a href='###' onclick=/"editSub('" + result.Table[i].Id + "')/">Editar</a>";
msg += " <a href='###' onclick='Delete(" + result.Table[i].Id + ")'>Excluir</a>";
mensagem += "</li>";
}
document.getElementById("msg").innerHTML = msg;
}</span>
Cada dado pode ser processado por meio das funções editSub(id) e Delete(id) para obter funções semelhantes ao ListBox.