1

estoy haciendo un cliente en javaScript para consumir un servicio web RestFul, tengo un metodo para listar el json que me devuelve el servicio, el método es así:

const tabla = document.querySelector('#lista-pacientes tbody');
function listarPacientes(){
    fetch('http://localhost:7101/AplicacionServidorREST-ProyectoServidorREST-context-root/resources/model/listar')
      .then(respuesta =>respuesta.json()) 
       .then(pacientes => {
         pacientes.forEach(paciente=> {
           const row  = document.createElement('tr'); 
           row.innerHTML +=   `
           <td>${paciente.id}</td> 
           <td>${paciente.documento}</td> 
           <td>${paciente.nombre}</td> 
           <td>${paciente.correo}</td> 
           <td>${paciente.telefono}</td> 
           <td>${paciente.genero}</td> 
           `;
          tabla.appendChild(row);
        
         });
         
        })

        .catch(error => console.log('Hubo un error : ' + error.message))
}

Funciona parfectamente, pero solo cuando el json tiene el siguiente formato

[{"correo":"[email protected]","documento":"66666","genero":"masculino","id":2,"nombre":"Neymar","telefono":"66666"},{"correo":"[email protected]","documento":"77777","genero":"masculino","id":3,"nombre":"cr7","telefono":"7777"},

Sin embargo ahora necesitar listar un json que primero me devuelve un objeto y luego el array

{"Paciente":[{"correo":"nuevo","documento":"nuevo","genero":"nuevo","id":"1","nombre":"nuevo","telefono":"nuevo"},{"correo":"aaa","documento":"aaa","genero":"aaa","id":"6","nombre":"aaa","telefono":"aaa"},

Alguien sabe que debo modificar para que funcione con el segundo json? Lo agredeceria mucho.

1 respuesta 1

0

Simplemente sería anteponer el objeto al arreglo antes de realizar el loop

pacientes.Paciente.forEach(item => {
   //codigo...
})

Sólo es cosa de navegar por sus niveles ;)

Nos comentas si te sirvió!

3
  • Efectivamente sirvió, muchas gracias. disculpa la molestia, pero ahora podrias decirme como listar un solo objecto? es que el servidor en el cual hice ese codigo me devolvia siempre un json array y ese metodo me servia para todo, ahora el servidor que estoy consumiento me devuelve el json de forma diferente, por ejemplo como haria para listar esto? ` {"Paciente":{"correo":"falcao","documento":"falcao","genero":"masculino","id":"3","nombre":"falcao","telefono":"falcao"}}`, ya intente lo mismo que dijiste, pero en este caso no sirve.
    – sebas9981
    Commented el 10 sept. 2020 a las 5:19
  • Tienes que tener clara la diferencia entre un objeto y un arreglo. Acá tienes una buena explicación. De todas maneras para acceder a las propiedades del objeto sería Paciente.correo, etc. No olvides marcar la respuesta como correcta si te fue útil ;) Commented el 10 sept. 2020 a las 14:51
  • Si es un solo registro, entonces accedes con pacientes.Paciente[0], por ejemplo: console.log(pacientes.Paciente[0].correo);. Si tienes dos o más registros, vas a tener que recorrerlos hasta encontrar el que quieres mostrar.
    – Triby
    Commented el 10 sept. 2020 a las 16:19

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.