Как да покажете таблица в HTML с помощта на Ajax

Ajax работи с HTML таблици и XML данни за показване на списък със записи за вашите уеб четци. Вместо да определя всеки HTML елемент, Ajax ви позволява да извиквате таблични функции за показване на записи в редове и колони, без да пишете кода за елементите на таблицата. Ajax преглежда всеки елемент от данни от XML и вие избирате дали да покажете или скриете данните.

1.

Щракнете с десния бутон върху HTML или Ajax файла, който искате да използвате за показване на таблицата. Отворете XML файла, който искате да използвате, за да извлечете данните за таблицата. Следното изявление на Ajax отваря XML файл със списък на клиентите:

нов Ajax.Request ('customers.xml', {метод: 'get', onSuccess: function (transport)}

2.

Вземете списък с тагове и данни на маркерите. Следният код на Ajax зарежда данните, които използвате, за да прегледате и създадете таблицата:

var customers = transport.responseXML.getElementsByTagName ('клиент'),

3.

Създайте цикъл 'за', който се повтаря през всеки XML елемент. Следният код показва как да настроите цикъл "за" в Ajax:

за (var i = 0, i <, customers.length, i ++) {}

4.

Създайте ред таблица и клетка, за да показвате данните си. Следващият код създава променливите на реда и клетките, които настройват структурата на таблицата:

var row = $ ('клиенти'). insertRow (-1), var cell = row.insertCell (-1),

5.

Добавете данните в клетката на таблицата. Следният код добавя името на клиента в клетката:

cell.innerHTML = клиент,