A continuación les muestro una tabla dinámica la cual lleno a través de un API, quisiera me apoyaran en lo siguiente.
function llenarTabla() {
document.querySelector('#tabla-usuarios
tbody').innerHTML = '';
for (let i = 0; i < usuarios.length; i++) {
document.querySelector('#tabla-usuarios
tbody').innerHTML +=
`<tr>
<td>${usuarios[i].nombre} </td>
<td>${usuarios[i].fechaNacimiento}</td>
<td>${usuarios[i].email}</td>
<td>${usuarios[i].usuario}</td>
<td>${usuarios[i].rol}</td>
<input type="hidden" name="nombre"
value="${usuarios[i].nombre} ">
<input type="hidden" name="fechaNacimiento"
value="${usuarios[i].fechaNacimiento}">
<input type="hidden" name="email"
value="${usuarios[i].email} ">
<input type="hidden" name="usuario"
value="${usuarios[i].usuario}">
<input type="hidden" name="rol"
value="${usuarios[i].rol}">
<td>
<button type="button"
onclick="eliminar(${i})">X</button>
<button type="button"
onclick="seleccionar(${i})">Seleccionar</button>
<input type="submit" name="boton" value="Editar">
</td>
</tr>`;
}
}
Lo que quiero realizar es que al seleccionar a un usuario los datos de ese usuario se pasen otro formulario en el cual yo pueda mostrarlos en inputs de tipo texto.
La función llenarTabla la lleno a traves de la siguiente función
function obtenerUsuarios() {
axios({
method: 'GET',
url: 'http://dynns.com/api/App/consultausu',
responseType: 'json'
}).then(res => {
console.log(res.data);
this.usuarios = res.data;
llenarTabla();
}).catch(error => {
console.error(error);
});
}
obtenerUsuarios();
La funcion seleccionar por el mometo solo redirecciona, pero no sé como pasarle los datos para así enviarlos a la página que quiero
function seleccionar(usuario) {
console.log('Se seleccionó el usuario' + `${usuarios[usuario].usuario}`);
axios({
method: 'POST',
url: window.location.href =
'http://localhost/LaudemAVE/sistema/actualizarUsuario.php',
}).then(res => {
console.log(res);
}).catch(error => {
console.error(error);
});
}
<tr id="linea-${i}">
pues estás pasando ${i} como parámetro al método. De modo que lo consistente es usarlo para leer la línea seleccionada. (guarda copia de la pregunta, pues te voy a llevar de la mano)console.log('Se seleccionó el usuario' +
${usuarios[usuario].usuario});
te muestra el usuario? Nos ahorramos muchuos pasos si la variable usuario es visible en el método.