Envoi de données via AJAX avec URLSearchParams en JavaScript
Il n'est souvent pas très pratique de former
manuellement la Query String. Il est plus pratique
de le faire via
URLSearchParams :
button.addEventListener('click', function() {
let searchParams = new URLSearchParams();
searchParams.set('num1', '1');
searchParams.set('num2', '2');
let promise = fetch('/handler/', {
method: 'post',
body: searchParams,
});
});
Sur le client, un div, un bouton et trois inputs sont donnés. Des nombres sont saisis dans les inputs. Lorsqu'on clique sur le bouton, envoyez les nombres saisis au serveur. Que le serveur trouve la somme des nombres transmis et la renvoie. Enregistrez le résultat dans le div.