Gegevens verzenden via AJAX met URLSearchParams in JavaScript
Het is vaak niet erg handig om
Query String handmatig te vormen. Het is
handiger om dit te doen 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,
});
});
Op de client zijn een div, een knop en drie invoervelden gegeven. Er worden getallen in de invoervelden ingevoerd. Druk op de knop om de ingevoerde getallen naar de server te sturen. Laat de server de som van de doorgegeven getallen vinden en deze terugsturen. Schrijf het resultaat in de div.