tabla js 2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tabla y Modales</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<input type="hidden" name="carpeta" id="inputCarpeta" value="C-01/2015">
<table id="solicitudtabla" class="table">
<thead class="thead-dark">
<tr>
<th>Id</th>
<th>Carpeta</th>
<th>Registro</th>
<th>Solicitud</th>
<th>Fecha de Registro</th>
<th>Plazo/Comentario</th>
<th>Fecha de Vencimiento</th>
<th>Estado</th>
<th>Resolvio</th>
<th>Fecha de Contesto</th>
</tr>
</thead>
<tbody id="tablaBody"></tbody>
</table>
</div>
<script>
datos();//Optemos los datos-const datos = [{id: 1, carpeta: 'Registro 1', registro: 'a', solicitud: 2, f_registro: 'Registro 2', comentario: 'a', f_vence: 'a', Estado: 'a', resolvio: 'a', f_contesto: 'f_contesto'}];
function datos() {
// Obtener el valor del input
var valorCarpeta = document.getElementById("inputCarpeta").value;
// Imprimir el valor en la consola
console.log("Valor de la carpeta:", valorCarpeta);
//const datos = [{id: 1, carpeta: 'Registro 1', registro: 'a', solicitud: 2, f_registro: 'Registro 2', comentario: 'a', f_vence: 'a', Estado: 'a', resolvio: 'a', f_contesto: 'f_contesto'}];
fetch(`http://localhost/3-MVC-SITE-v5-SOLICITUDES/EJERCICIOS-COMPONENTES/componentes/0-solicitud_tabla.php?carpeta=${valorCarpeta}`)
.then(res => res.json())
.then(datos => {
console.log(datos.status);
pintarTabla(datos.result);//Pintamos la tabla
});
}
function pintarTabla(datos) {
let tablaHTML = '';
datos.forEach(dato => {
tablaHTML += `
<tr>
<td>${dato.id}</td>
<td>${dato.carpeta}</td>
<td>${dato.registro}</td>
<td>${dato.solicitud}</td>
<td>${dato.f_registro}</td>
<td>${dato.comentario}</td>
<td>${dato.f_vence}</td>
<td>${dato.Estado}</td>
<td>${dato.resolvio}</td>
<td>${dato.f_contesto}</td>
</tr>
`;
});
document.getElementById('tablaBody').innerHTML = tablaHTML;
}
</script>
</body>
</html>
Comentarios
Publicar un comentario