Когда JavaScript запрашивает и обрабатывает несколько данных, многих программистов часто беспокоит вопрос о том, как динамически редактировать и удалять, не затрагивая другие элементы данных. Сегодня мы представляем метод для справки. Например, запросите следующее через данные XmlRequest.
Скопируйте код кода следующим образом:
<span style="font-size:14px;">{ "Таблица":
[
{ "Идентификатор": 3, "Тип": "X",
«Содержание»: «В отчете 18-го Национального съезда Коммунистической партии Китая указано, каковы важные формы народной демократии в нашей стране?»,
«Akey»: «Новая демократическая политическая система», «Bkey»: «Система Народного Конгресса»,
«Ckey»: «Система многостороннего сотрудничества», «Dkey»: ноль, «NUM»: 3 },
{ "Id": 2, "Type": "X", "Content": "Тибетская антилопа является национальным охраняемым животным первого уровня и является уникальным животным ()",
«Акей»: «Цинхай-Тибетское нагорье», «Бкей»: «Синьцзян»,
«Ckey»: «Цинхай», «Dkey»: ноль, «NUM»: 2 },
{ "Id": 1, "Type": "X", "Content": "Защита диких животных имеет много значений, и то, что не является ее частью",
«Акей»: «Воздействие на окружающую среду», «Бкей»: «Культурная ценность»,
«Ckey»: «Просмотр значения», «Dkey»: ноль, «NUM»: 1 }
]
</span>
Как отобразить их в HTML и реализовать работу по редактированию и удалению, которая предполагает парсинг json и иерархическое отображение данных:
HTML-тег отображения:
<ul id="msg" name="msg"> </ul>
JavaScript анализирует данные и отображает:
Скопируйте код кода следующим образом:
<span style="font-size:14px;"> вар ответ = xmlHttp.responseText;
eval("var result = + ответ);
вар лен = result.Table.length;
если (len > 0) {
вар сообщение = "";
for (var я = 0; я <len; я++) {
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>";
сообщение += "</li>";
}
document.getElementById("msg").innerHTML = msg;
</span>
Каждый фрагмент данных может быть обработан с помощью функций editSub(id) и Delete(id) для достижения функций, аналогичных ListBox.