Auf Thema antworten

Beitrag

[QUOTE="Sempervivum, post: 13759, member: 3917"]
Das müsste dann so aussehen:
[CODE]    
    <input type="email" name="email">
    <input type="name" name="name">
    
    <button type="button" id="send-it">Senden</button>

<span id="out"></span>
   
    <script>
        // Die DOM-Elemente der Eingabefelder bereit stellen:
        const
            inputEmail = document.querySelector('input[name="email"]'),
            inputName = document.querySelector('input[name="name"]');
        // Das Senden kapseln wir in einer Funktion:
        function sendIt() {
            // Neues FormData-Objekt erzeugen:
            const params = new FormData();
            // ... und die Werte aus den Eingabefeldern dort eintragen:
            params.append('email', inputEmail.value);
            params.append('name', inputName.value);
            // Parameter mit der Methode POST an das Skript testpost.php schicken:
            fetch('testpost.php', {
                method: 'post',
                body: params
            }).then(res => {
                // Die Antwort vom Server wird als Text ausgewertet:
                return res.text();
            }).then(res => {
                // Antwort vom Server in der Console ausgeben:
                console.log(res);
                // ... und in HTML-Element eintragen:
                document.getElementById('out').innerHTML = res;
            });
        }
        // Eventlistener für Klick auf den Button registrieren,
        // beim Klick wird die Funktion für das Senden aufgerufen:
        document.querySelector('#send-it').addEventListener('click', sendIt);
    </script>
[/CODE]
[/QUOTE]

Authentifizierung