Saltar al contenido

obtener datos json y mostrarlos en el ejemplo de código html

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *