Saltar a contenido

Lista incidencias

Agregar el contenedor principal

<div id="main" class="ui-content"></div>

Agregar la tabla al contenedor

<table data-role="table" id="incList" class="ui-responsive table-stroke">
    <thead>
        <tr>
            <th data-priority="persist">Imagen</th>
            <th>Nombre</th>
            <th>Descripcion</th>
        </tr>
    </thead>
    <tbody id="incListBody"></tbody>
</table>

Crear el archivo list.js en la carpeta js.

$(document).ready(function () {
    const serverURL = "https://wladimir-uab.alwaysdata.net/";

    function getIncidencias() {
        const list_items = [];
        $.ajax({
            type: "POST",
            url: `${serverURL}lista.php`,
            success: function (data) {
                for (i = 0; i < data.length; i++) {
                    var item = `<tr>
                    <td><img width="200px" src="${serverURL}/images/${data[i].foto}"/></td>
                    <td>${data[i].nombre}</td>
                    <td>${data[i].descripcio}</td>
                    </tr>`;
                    list_items.push(item);
                }
                list = list_items.join(" ");
                $("#incListBody").append(list);
                $("#incList").table("rebuild");
            },
        });
    }

    getIncidencias();
});

Agregar el archivo list.js al archivo list.html

<script src="js/list.js"></script>