Sådan vises en tabel i HTML ved hjælp af Ajax

Ajax arbejder med HTML-tabeller og XML-data for at få vist en liste over poster til dine weblæsere. I stedet for at definere hvert HTML-element, lader Ajax dig kalde tabelfunktioner til at vise poster i rækker og kolonner uden at skrive koden for tabelelementerne. Ajax går gennem hvert dataelement fra XML, og du vælger, om dataene skal vises eller skjules.

1.

Højreklik på den HTML- eller Ajax-fil, du vil bruge til at få vist tabellen. Åbn den XML-fil, du vil bruge til at hente dataene til tabellen. Følgende Ajax-erklæring åbner en XML-fil med en liste over kunder:

nye Ajax.Request ('kunder.xml', {metode: 'get', onSuccess: funktion (transport)}

2.

Hent en liste med tags og tags 'data. Følgende Ajax-kode indlæser de data, du bruger til at gennemgå og oprette tabellen:

var kunder = transport.responseXML.getElementsByTagName ('kunde'),

3.

Opret 'for' -sløjfen, der itereres gennem hvert XML-element. Følgende kode viser, hvordan man indstiller en 'for' -sløjfe i Ajax:

for (var i = 0, i <, kunder.længde, i ++) {}

4.

Opret en tabel række og celle for at vise dine data. Følgende kode opretter række- og cellevariabler, der opsætter tabelstrukturen:

var række = $ ('kunder'). insertRow (-1), var cell = row.insertCell (-1),

5.

Føj dataene til tabellens celle. Følgende kode tilføjer kundenavnet til cellen:

cell.innerHTML = kunde,