← Volver

Fetch async/await en Javascript

Publicado el 23 de abril de 2025

Javascript

Ejemplo de código en Javascript de fetch.

Al pulsar el botón de enviar obtenemos los valores del formulario y pasamos a enviarlos con fetch a la ruta «/sendEmail» mediante POST. Recibimos los datos de respuesta en la variable data y comprobamos el status.

sendButton.addEventListener("click", async (e) => {
    if (!contactName.value || !contactEmail.value || !contactMessage.value) {
        return;
    }

    const contactForm = {
        name: contactName.value,
        email: contactEmail.value,
        message: contactMessage.value,
    }

    try {
        const response = await fetch('/sendEmail', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(contactForm),
        });

        const data = await response.json();

        if (data.status === "success") {

        } else {

        }
    } catch (error) {
        console.error("Error:", error);
    }


});