Avatar

buenas tardes, se queda en esta linea y no se porque const data = JSON.parse(e.target.responseText);

codigo:

const b = document.getElementById('btnLoad')
const l = document.getElementById('loading')
l.style.display = 'none'

b.addEventListener('click', evt => {
   l.style.display = 'block'
   const xhr = new XMLHttpRequest()


   xhr.open('GET', '/news.json', true)



   // que se debe hacer con la data 
   xhr.addEventListener('load', e => {
       console.log("1");
       
       const data = JSON.parse(e.target.responseText);
       console.log("2");
       draw(data)

       l.style.display = 'none'
   })

   // realice la peticion
   xhr.send()


})

const draw = data => {

   data.forEach(n => {
       const container = document.createElement("div"); 
       const tittle = document.createElement("h2"); 
       const content = document.createElement("p"); 
       const datanew = document.createElement("span"); 

       tittle.textContent = n.Titulo
       content.textContent = n.Contenido
       datanew.textContent = n.Fecha

       container.appendChild(tittle)
       container.appendChild(content)
       container.appendChild(datanew)

       c.appendChild(container)
   });

   
}```

el json: 
```{
   "notocias": [
       {
           "Titulo": "Deslizamientos en Soacha afectan diez familias de la comuna 4",
           "Contenido": "Barrio en Soacha teme por deslizamiento Autoridades aconsejan a familias desalojar sus hogares, pero los habitantes no tienen a donde ir.",
           "Fecha": "BOGOTÁMAYO 14 DE 2019"
       },
       {
           "Titulo": "Deslizamientos en Soacha afectan diez familias de la comuna 4",
           "Contenido": "Barrio en Soacha teme por deslizamiento Autoridades aconsejan a familias desalojar sus hogares, pero los habitantes no tienen a donde ir.",
           "Fecha": "BOGOTÁMAYO 14 DE 2019"
       },
       {
           "Titulo": "Deslizamientos en Soacha afectan diez familias de la comuna 4",
           "Contenido": "Barrio en Soacha teme por deslizamiento Autoridades aconsejan a familias desalojar sus hogares, pero los habitantes no tienen a donde ir.",
           "Fecha": "BOGOTÁMAYO 14 DE 2019"
       },
       {
           "Titulo": "Deslizamientos en Soacha afectan diez familias de la comuna 4",
           "Contenido": "Barrio en Soacha teme por deslizamiento Autoridades aconsejan a familias desalojar sus hogares, pero los habitantes no tienen a donde ir.",
           "Fecha": "BOGOTÁMAYO 14 DE 2019"
       },
       {
           "Titulo": "Deslizamientos en Soacha afectan diez familias de la comuna 4",
           "Contenido": "Barrio en Soacha teme por deslizamiento Autoridades aconsejan a familias desalojar sus hogares, pero los habitantes no tienen a donde ir.",
           "Fecha": "BOGOTÁMAYO 14 DE 2019"
       },
       {
           "Titulo": "Deslizamientos en Soacha afectan diez familias de la comuna 4",
           "Contenido": "Barrio en Soacha teme por deslizamiento Autoridades aconsejan a familias desalojar sus hogares, pero los habitantes no tienen a donde ir.",
           "Fecha": "BOGOTÁMAYO 14 DE 2019"
       },
       {
           "Titulo": "Deslizamientos en Soacha afectan diez familias de la comuna 4",
           "Contenido": "Barrio en Soacha teme por deslizamiento Autoridades aconsejan a familias desalojar sus hogares, pero los habitantes no tienen a donde ir.",
           "Fecha": "BOGOTÁMAYO 14 DE 2019"
       },
       {
           "Titulo": "Deslizamientos en Soacha afectan diez familias de la comuna 4",
           "Contenido": "Barrio en Soacha teme por deslizamiento Autoridades aconsejan a familias desalojar sus hogares, pero los habitantes no tienen a donde ir.",
           "Fecha": "BOGOTÁMAYO 14 DE 2019"
       }
   ]
}```
4respuestas
Avatar

cambie esta linea xhr.open('GET', '/news.json', true) por xhr.open('GET', 'news.json', true) y ahora me da este error en las lineas: "TypeError: data.forEach is not a function"

/js/script.js:34 /js/script.js:21

alguien que me oriente por favor

Avatar

hola amigo!! te quedaste en el año 2015, o estas suando internet exprorer es un codigo super viego const json = { clave: "valor", ...... }

el xhtprequest ya no se usa

const mostrar = json.map(user, i)=>

<div> <li>user.name <li>user.perfil .... ) // creas un div y lo muestras no recuerdo si se debe o no usar el innerHtml ya q reescribe el doom y demora la app
  • porfavor si esta mal me lo dicen no suelo usar puro JS
Avatar

hola, AUNQUE NO ME QUEDA CLARO PORQUE CON EL OTRO FORMATO DE JSON NO CORRÍA; ya me funciono solo volví a crear el json con otro formato, voy probar mas tarde tu solución y te cuento, gracias así quedo el json:

    {
        "Titulo": "Deslizamientos en Soacha afectan diez familias de la comuna 4",
        "Contenido": "Barrio en Soacha teme por deslizamiento Autoridades aconsejan a familias desalojar sus hogares, pero los habitantes no tienen a donde ir.",
        "Fecha": "BOGOTÁMAYO 14 DE 2019"
    },
    {
        "Titulo": "Deslizamientos en Soacha afectan diez familias de la comuna 4",
        "Contenido": "Barrio en Soacha teme por deslizamiento Autoridades aconsejan a familias desalojar sus hogares, pero los habitantes no tienen a donde ir.",
        "Fecha": "BOGOTÁMAYO 14 DE 2019"
    },
    {
        "Titulo": "Deslizamientos en Soacha afectan diez familias de la comuna 4",
        "Contenido": "Barrio en Soacha teme por deslizamiento Autoridades aconsejan a familias desalojar sus hogares, pero los habitantes no tienen a donde ir.",
        "Fecha": "BOGOTÁMAYO 14 DE 2019"
    },
    {
        "Titulo": "Deslizamientos en Soacha afectan diez familias de la comuna 4",
        "Contenido": "Barrio en Soacha teme por deslizamiento Autoridades aconsejan a familias desalojar sus hogares, pero los habitantes no tienen a donde ir.",
        "Fecha": "BOGOTÁMAYO 14 DE 2019"
    },
    {
        "Titulo": "Deslizamientos en Soacha afectan diez familias de la comuna 4",
        "Contenido": "Barrio en Soacha teme por deslizamiento Autoridades aconsejan a familias desalojar sus hogares, pero los habitantes no tienen a donde ir.",
        "Fecha": "BOGOTÁMAYO 14 DE 2019"
    },
    {
        "Titulo": "Deslizamientos en Soacha afectan diez familias de la comuna 4",
        "Contenido": "Barrio en Soacha teme por deslizamiento Autoridades aconsejan a familias desalojar sus hogares, pero los habitantes no tienen a donde ir.",
        "Fecha": "BOGOTÁMAYO 14 DE 2019"
    },
    {
        "Titulo": "Deslizamientos en Soacha afectan diez familias de la comuna 4",
        "Contenido": "Barrio en Soacha teme por deslizamiento Autoridades aconsejan a familias desalojar sus hogares, pero los habitantes no tienen a donde ir.",
        "Fecha": "BOGOTÁMAYO 14 DE 2019"
    },
    {
        "Titulo": "Deslizamientos en Soacha afectan diez familias de la comuna 4",
        "Contenido": "Barrio en Soacha teme por deslizamiento Autoridades aconsejan a familias desalojar sus hogares, pero los habitantes no tienen a donde ir.",
        "Fecha": "BOGOTÁMAYO 14 DE 2019"
    }
]```
Avatar

gracias por la respuesta, entones deberían en edteam hacer actualizaciones o notas al pie de los cursos

Recuerda iniciar sesión para participar en la comunidad.