Skicka data via AJAX med URLSearchParams i JavaScript
Det är ofta inte särskilt bekvämt att manuellt skapa
Query String. Det är bekvämare
att göra det 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,
});
});
På klientsidan finns en div, en knapp och tre inputfält. Nummer matas in i inputfälten. Vid klick på knappen, skicka de inmatade numren till servern. Låt servern hitta summan av de överförda talen och returnera den tillbaka. Skriv resultatet i div-elementet.