cristian Lozano

Enviar informació POST en JavaScript a un servidor web

Per poder enviar informació POST a un servidor python primer, hem de crear un codi js on fem un enviament json al nostre servidor local prèviament muntat com tinc fet a la web Recollir informació POST en Python des d’un servidor web

window.addEventListener('DOMContentLoaded', () => {
    const iframe = document.getElementById('contingut');

    if (iframe) {
        iframe.addEventListener('load', () => {
            console.log("Carregat");
            console.log("URL assignada:", iframe.src);

            // Enviar JSON al servidor Flask local
            fetch('http://localhost:5000/dades', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({
                    missatge: 'Iframe carregat!',
                    url: iframe.src
                })
            })
            .then(response => response.json())
            .then(data => {
                console.log('Resposta del servidor Flask:', data);
            })
            .catch(error => {
                console.error('Error enviant la petició POST:', error);
            });
        });
    } else {
        console.warn("No s'ha trobat l'iframe amb id 'contingut'");
    }
});

Com podem observar al codi, faig l’enviament del json directament a localhost, sense necesitat de posar ip “127.0.0.1”, per si de cas no es tradueix la IP a localhost. Adjunto captura funcionament i recepció del json al meu servidor python.