Jak wyświetlić tabelę w HTML za pomocą Ajax

Ajax współpracuje z tabelami HTML i danymi XML, aby wyświetlić listę rekordów dla czytników internetowych. Zamiast definiowania każdego elementu HTML, Ajax umożliwia wywoływanie funkcji tabelowych w celu wyświetlania rekordów w wierszach i kolumnach bez wpisywania kodu dla elementów tabeli. Ajax wykonuje pętle z każdego elementu danych z XML, a Ty decydujesz, czy wyświetlać, czy ukrywać dane.

1.

Kliknij prawym przyciskiem myszy plik HTML lub Ajax, którego chcesz użyć do wyświetlenia tabeli. Otwórz plik XML, którego chcesz użyć do pobrania danych dla tabeli. Następująca instrukcja Ajax otwiera plik XML z listą klientów:

nowy Ajax.Request ("customers.xml", {method: "get", onSuccess: function (transport)}

2.

Uzyskaj listę tagów i danych tagów. Poniższy kod Ajax ładuje dane, których używasz do przepętlenia i tworzy tabelę:

var clients = transport.responseXML.getElementsByTagName ("klient");

3.

Utwórz pętlę "for", która przechodzi przez każdy element XML. Poniższy kod pokazuje, jak skonfigurować pętlę "for" w Ajaxie:

dla (var i = 0; i <clients.length; i ++) {}

4.

Utwórz wiersz tabeli i komórkę, aby wyświetlić dane. Poniższy kod tworzy zmienne wiersza i komórki, które konfigurują strukturę tabeli:

var wiersz = $ ("klienci"). insertRow (-1); var cell = row.insertCell (-1);

5.

Dodaj dane do komórki tabeli. Poniższy kod dodaje nazwę klienta do komórki:

cell.innerHTML = klient;