Comment envoyer des données au serveur?

1. Saisir URL dans la barre d'adresse avec query string (GET)

2. Formulaire GET

3. Formulaire POST

4. Ajax GET

5. Ajax POST avec setRequestHeader()

6. Ajax POST avec FormData()

7. Fetch GET

8. Fetch POST

9. Navigator.sendBeacon()

La méthode sendBeacon() de l'objet navigator permet d'envoyer des données en POST à l'aide d'un objet formData. Contrairement à AJAX, le serveur ne répond rien.
sendBeacon() est une fonction de l'API XMLHttpRequest qui simplifie la syntaxe AJAX

<script>
const formData = new FormData();
formData.append('nom', 'joe');
formData.append('age', 29);
navigator.sendBeacon("script.php", formData);
</script>

<?php
//echo() est inutile
echo $_POST["nom"].' '.$_POST["age"];
?>

formData() accepte aussi un formulaire complet dans son constructeur:

const myForm = document.getElementById("myForm");
const formData = new FormData(myForm);
navigator.sendBeacon("script.php", formData);

Pour être envoyés, les champs doivent avoir un attribut name, être activés, cochés pour les boutons radio et cases à cocher, et sélectionnés pour les listes select. 10. Iframe caché (vieille méthode d'upload image sans AJAX)