3

Me estoy volviendo loco, hace mucho que no trabajaba con archivos Json y prácticamente olvide como hacerlo.

Desde Laravel estoy haciendo una consulta, y quiero devolver lo de la consulta esto como un JSON.

public function edit($id){
  
    $Medico = Medicos::all()->where('ID',$id)->toJson();

    return Response()->json($Medico);
  }

Estoy haciendo la petición con un httpRequest desde Javascript:

 function cargarModal(){
    const http = new XMLHttpRequest();
    const url = "/Medicos/1/edit";
    http.onreadystatechange = function(){
        if (this.readyState==4 && this.status == 200) {
            let Medico = this.responseText;
            
            console.log(Medico);
        }
    }
    http.open('GET', url);
    http.send();
}

En la consola me devuelve un Json, pero raro...

"[{\"ID\":1,\"centromedico_id\":1,\"user_id\":1,\"especialidad_id\":1,\"nombre\":\"Pepito\",\"apellidos\":\"Perez\",\"carnet\":1037,\"fechanacimiento\":\"199-02-30\",\"telefono\":75875,\"fichas\":10,\"created_at\":null,\"updated_at\":null}]"

Digo raro, porque no recuerdo que un Json lleve las barras invertidas.

El problema es que no se como hacer para imprimir los datos, o sea, no se como imprimir el nombre, el apellido, el carnet y así... estuve buscando información, pero nada me funciona, no se que estoy haciendo mal. Ayuda porfa.

7
  • 1
    Se ve así porque esta como string, debes convertirlo a un objeto primero. Prueba con JSON.parse(tu_json) el 13 ago. 2021 a las 2:14
  • Genial, si funcionó, y a riesgo de parecer un pndej, como imprimo solo el atributo 'nombre' del objeto? el 13 ago. 2021 a las 2:20
  • Ponlo como respuesta, porque me resolviste el problema <3 el 13 ago. 2021 a las 2:20
  • 2
    En el backend lo estás parseando a json dos veces, primero haces ->toJson(); en la colección y luego haces response()->json() el 13 ago. 2021 a las 2:29
  • 3
    Bueno, tienes un par de problemas más ahí. Por ejemplo en la eficiencia de la consulta, ya que consultas todos los registros de la tabla y luego filtras por el campo ID, si quieres un sólo registro bastaría con Medicos::find($id);. Otra cosa es que típicamente el nombre de los modelos es un sustatantivo en singular, o sea Medico y no Medicos. También en la sintaxis, ya que Response() sólo te va a funcionar en windows, la sintaxis es response() en minúsculas. Finalmente todo eso lo podrías resumir en return response()->json(Medicos::find($id)->toArray()); el 13 ago. 2021 a las 2:47

1 respuesta 1

4

El valor que estas retornando desde tu API esta como texto (responseText) para utilizarlo en javascript debes primero convertirlo a objeto con JSON.parse(tu_json).

Ya convertido en objeto puede acceder a sus datos normalmente como accedes a las propiedades de un objeto, ejemplo:

var responseText = "[{\"ID\":1,\"centromedico_id\":1,\"user_id\":1,\"especialidad_id\":1,\"nombre\":\"Pepito\",\"apellidos\":\"Perez\",\"carnet\":1037,\"fechanacimiento\":\"199-02-30\",\"telefono\":75875,\"fichas\":10,\"created_at\":null,\"updated_at\":null}]"

var parsedJson = JSON.parse(responseText)

// Como tu API devuelve un array entonces accedes a la variable como tal.
console.log(parsedJson[0].nombre)

3
  • Tengo un problema, el resultado me devuelve un Undefined :( el 13 ago. 2021 a las 2:32
  • Lo mas seguro es que estés accediendo a alguna propiedad que no existe, realiza un log al json y comparte lo que te muestra. el 13 ago. 2021 a las 2:35
  • Recien vi el comentario de @porloscerros Ψ , el tenia razon, lo estaba parseando dos veces en mi backend. Ese era el problema... Ya esta resuelto, muchas gracias. el 13 ago. 2021 a las 2:37

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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