Hola,
Cómo sería hacer funciones dinamicamente? me explico, quiero hacer un catalogo de animales, están clasificados por clase/familia etc... La selección la quiero hacer de modo visual. Entonces parto de 4 clases, pongo las imágenes fijas y creo la función con ajax con la consulta PHP a un postgress y me traigo los datos en JSON y los muestro con javascript en un DIV con una plantilla de cadena de texto, todos los bichos que se corresponden con una familia y hago el listado de los correspondientes, de estos me traigo el nombre y la foto, el tema es que ahora que tengo esos primeros, tengo que traerme los que se corresponden con esa familia, sería pinchar en los siguientes y ejecutar otra consulta. La primera función es la siguiente:
Código:
function traerDatosActi(){
const xhttp = new XMLHttpRequest();
xhttp.open('GET', 'funciones_PHP/listar.php', true);
xhttp.send();
xhttp.onreadystatechange = function(){
if(this.readyState == 4 && this.status == 200){
var datos = JSON.parse(this.responseText);
var res = document.querySelector("#orden");
res.innerHTML = '';
for(var i in datos.data){
res.innerHTML += `
<div class="box-img">
<a href="#" id='${datos.data[i].order}'><img src ='${datos.data[i].img}'/></a>
<span class="marco">${datos.data[i].order}</span>
</div>
`
}
}
}
}
El nombre lo se pq lo imprimo en el
Código HTML:
<a href="#" id='${datos.data[i].order}'><img src ='${datos.data[i].img}'/></a> podría crear una función con ese nombre que ya se cual es, pero si más adelante incluyo más bichos, ya no me valdría, no sería dinámica. como podría hacer una función dinámica con ese valor que me trae? gracias. saludos.