Tietojen lähettäminen AJAXin kautta käyttäen URLSearchParamsia JavaScriptissä
Usein ei ole kovin kätevää muodostaa
Query Stringiä manuaalisesti. On helpompaa
tehdä se
URLSearchParamsin
kautta:
button.addEventListener('click', function() {
let searchParams = new URLSearchParams();
searchParams.set('num1', '1');
searchParams.set('num2', '2');
let promise = fetch('/handler/', {
method: 'post',
body: searchParams,
});
});
Asiakaspuolella on annettu div, painike ja kolme syöttökenttää. Syöttökenttiin syötetään numeroita. Painiketta painamalla lähetä syötetyt numerot palvelimelle. Palvelimen tulee löytää lähetettyjen numeroiden summa ja palauttaa se takaisin. Kirjoita tulos div-elementtiin.
