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
.