Desde mi última consulta, he logrado el siguiente avance:
Mi arhivo JS:
function escucha(){
let cod_prov = document.getElementById("id_rut").value;
escucha2(cod_prov);
return false;
}
const escucha2 = async (cod_prov) => {
const response = await fetch(`../busca_cod_proveedor/${cod_prov}`)
const data = await response.json();
console.log(data);
if(data.message === "Success") {
const proveedor_codigo = await data.proveedor[0].proveedor
nombre_proveed.innerText = proveedor_codigo;
}else{
nombre_proveed.innerText = "No existe proveedor con codigo: "+cod_prov;
}
};
Y al ver en consola el data, me muestra:
- {message: 'Success', proveedor: Array(1)}
- message: "Success"
- proveedor: Array(1)
- 0:
- cod_prov: "16"
- direccion: "Bolismasttstrasse 1 - 5033 Buchs, Switzerland"
- email: "orders<arroba>mibellebiochemistry.org"
- fono: "41 62854 1491"
- id: 47
- notas: null
- pais: "Suiza"
- proveedor: "Mibelle Biochemistry "
- [[Prototype]]: Object
- length: 1
- [[Prototype]]: Array(0)
- [[Prototype]]: Obj
Es decir, esta respondiendo a lo esperado y lo muestra en el HTML.
Mi consulta es: ¿Como puedo capturar el resultado, de tal manera que a partir
de un submit llene una caja text (en caso de ser exitosa la busqueda) y
de lo contrario, muestre un mensaje de "Proveeor inexistente".
La funcion "ESCUCHA" en la plantilla:
<form name="form" class="form-poroveed" method="POST" onsubmit="return escucha()