Senden von Daten über AJAX mit URLSearchParams in JavaScript
Oft ist es nicht sehr praktisch, den
Query String manuell zu bilden. Bequemer ist es,
dies mit
URLSearchParams zu tun:
button.addEventListener('click', function() {
let searchParams = new URLSearchParams();
searchParams.set('num1', '1');
searchParams.set('num2', '2');
let promise = fetch('/handler/', {
method: 'post',
body: searchParams,
});
});
Auf dem Client sind ein Div, ein Button und drei Inputs gegeben. In die Inputs werden Zahlen eingegeben. Beim Klick auf den Button senden Sie die eingegebenen Zahlen an den Server. Lassen Sie den Server die Summe der übermittelten Zahlen ermitteln und zurückgeben. Schreiben Sie das Ergebnis in das Div.