2

para ponerlos en contexto, tengo 2 tablas que no tienen relación una a la otra. lo que necesito hacer es que en un select mostrar los datos de ambas tablas (ese no es el problema), el problema erradica en la siguiente consulta.

Controlador "x":

  public function sbu_obtener_base($datos){
    $sbu_ajax = DB::table('tabla_sbu_otros')->where('abreviatura',  $datos)->first();
    $sbu_usuario_ajax = DB::table('tabla_sbu_usuario')->where('abreviatura',  $datos)->first();
    return response()->json(array( $sbu_ajax, $sbu_usuario_ajax));  //aqui paso las variables en array por que no se como pasarlas.
    // return response()->json($sbu_ajax); // esta linea es la forma correcta
}

no se como pasar de forma correcta las variables $sbu_ajax $sbu_usuario_ajax lo que hice fue ponerlas en un array.

javascript:

function OpcionChange(identidad, receptor, costo_hora, grupo_ocu,){
var valores = document.getElementById(identidad).value;
fetch('/api/base/'+valores+'/opcion')
.then((response) => response.json()).then((dato)=>{   
    dato.forEach(dato => {
        console.log(dato)

    document.getElementById(receptor).innerHTML=`<span>$ ${dato.RMU}</span>`
    document.getElementById(costo_hora).innerHTML=`<span>$ ${dato.RMU_mes}</span>`
    document.getElementById(grupo_ocu).innerHTML=`<span>${dato.grupo_ocupacional}</span>`    
    })
})}  

resultado introducir la descripción de la imagen aquí

los datos de la T1 = tabla_sbu_otros si lo realiza, el de la otra tabla T2 = tabla_sbu_usuario no me envía datos, envía undefined.

si invierto el orden de las variables en el controlador, se invierte el problema. y la cosa es que no se como identificar cuando pedir los datos de la tabla 1 y cuando de la tabla 2.

CONSOLA cuando selecciono valor de T1 introducir la descripción de la imagen aquí

CONSOLA cuando selecciono valor de T2 introducir la descripción de la imagen aquí

9
  • ¿Podrías editar la pregunta para mostrar qué retorna en la consola el response?
    – padaleiana
    Commented el 15 abr. 2020 a las 22:25
  • @padaleiana, listo.
    – DAD
    Commented el 15 abr. 2020 a las 22:32
  • La variable valores que recupera? el valor del select option?
    – user128299
    Commented el 15 abr. 2020 a las 22:42
  • si es prácticamente con lo que identifico que abreviatura es por que, si lo hago por id puede repetir en las dos tablas. '/api/base/SVP1'/opcion'
    – DAD
    Commented el 15 abr. 2020 a las 22:44
  • ¿Estás seguro que la segunda consulta a la bd (que se guarda en $sbu_usuario_ajax) devuelve algún valor? Tendrías que verificar el valor de $sbu_usuario_ajax antes del return response() [...] .
    – padaleiana
    Commented el 16 abr. 2020 a las 1:05

1 respuesta 1

4

Interpretando tu código en JS, veo que estás llamando a .then() "de seguido" en lugar de llamarlo con response.json().then()[...]. Es decir, deberías corregirlo para que aparezca así:

function OpcionChange(identidad, receptor, costo_hora, grupo_ocu) {
  var valores = document.getElementById(identidad).value;
  fetch("/api/base/" + valores + "/opcion").then((response) =>
    response.json().then((datos) => { //modifiqué por "datos" para mejor legibilidad
      datos.forEach((dato) => {
        console.log(dato);

        document.getElementById(receptor).innerHTML = `<span>$ ${dato.RMU}</span>`;
        document.getElementById(costo_hora).innerHTML = `<span>$ ${dato.RMU_mes}</span>`;
        document.getElementById(grupo_ocu).innerHTML = `<span>${dato.grupo_ocupacional}</span>`;
      });
    }));
}

Se debe invocar de esta manera ya que response.json() retorna una promesa, y es por eso que estás obteniendo undefined, ya que los resultados "aún no están listos" como para visualizarlos.

EDIT: Dado que el controlador está retornando un array de objetos:

datos[0]: contiene el objeto retornado en $sbu_ajax,

datos[1]: contiene el objeto retornado en $sbu_usuario_ajax.

9
  • sigue igual, el asunto es que envía en 2 posiciones diferentes los de la tabla 1 en posición 0 (esas me las muestra en pantalla) y la T2 en posición 1 (esas solo me las muestra por consola) prnt.sc/s08bkl
    – DAD
    Commented el 16 abr. 2020 a las 2:38
  • Tratando de sintetizar: haciendo los cambios, entonces tenés: T1[0] = con datos, T1[1] = null; T2[0] = null, T2[1] con datos. ¿Así?
    – padaleiana
    Commented el 16 abr. 2020 a las 3:07
  • ambos me dan datos, por pantalla solo me muestran los datos en posición [0]. por consola si se muestran cuando hago el select.
    – DAD
    Commented el 16 abr. 2020 a las 3:10
  • ¿Podrías mostrar cómo estás intentando mostrar los datos que obtenés de la petición en las tablas?
    – padaleiana
    Commented el 16 abr. 2020 a las 3:26
  • todo lo que estoy haciendo y utilizando esta publicado, en teoría no he modificado nada, solo lo que me aconsejaste. y uso un foreach para enviar los datos, por que como puse en el post, no se si esta bien enviando los datos desde el controlador y eso esta al inicio.
    – DAD
    Commented el 16 abr. 2020 a las 3:32

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.