Αποστολή δεδομένων μέσω AJAX χρησιμοποιώντας URLSearchParams σε JavaScript
Συχνά δεν είναι πολύ βολικό να δημιουργούμε χειροκίνητα
το Query String. Είναι πιο βολικό
να γίνει αυτό μέσω
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,
});
});
Στον client δίνεται ένα div, ένα κουμπί και τρία input. Στα inputs εισάγονται αριθμοί. Πατώντας το κουμπί, στείλτε τους εισαγμένους αριθμούς στον διακομιστή. Αφήστε τον διακομιστή να βρει το άθροισμα των αριθμών που μεταδόθηκαν και να το επιστρέψει πίσω. Γράψτε το αποτέλεσμα στο div.