Hacemos una revisión completa cada uno de los tutoriales en nuestra página web con el objetivo de enseñarte siempre información más veraz y actual.
Ejemplo 1: cómo mostrar datos json en html
functionappendData(data)var mainContainer =document.getElementById("myData");for(var i =0; i < data.length; i++)var div =document.createElement("div");
div.innerHTML='Name: '+ data[i].firstName+' '+ data[i].lastName;
mainContainer.appendChild(div);
Ejemplo 2: objeto json en una página html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>JSONTest</title></head><body><div id="myData"></div><script>fetch('people.json')//file json objects.then(function(response)return response.json();).then(function(data)appendData(data);).catch(function(err)console.log('error: '+ err););functionappendData(data)var mainContainer =document.getElementById("myData");for(var i =0; i < data.length; i++)var div =document.createElement("div");
div.innerHTML='Name: '+ data[i].firstName+' '+ data[i].lastName;
mainContainer.appendChild(div);</script></body></html>
Te invitamos a confirmar nuestro quehacer exponiendo un comentario y valorándolo te damos las gracias.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)