Skip to main content
Respuesta ampliada: sugerencia de otras alternativas
Origen Enlace
padaleiana
  • 3.3k
  • 13
  • 19
  • 27

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.

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.

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.

Origen Enlace
padaleiana
  • 3.3k
  • 13
  • 19
  • 27

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.