Penghantaran Data melalui AJAX menggunakan URLSearchParams dalam JavaScript
Sering kali tidak begitu mudah untuk membentuk
Query String secara manual. Lebih mudah
untuk melakukannya melalui
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,
});
});
Di pihak klien, terdapat div, butang dan tiga input. Nombor dimasukkan ke dalam input. Dengan menekan butang, hantar nombor yang dimasukkan ke pelayan. Biarkan pelayan mencari jumlah nombor yang dihantar dan mengembalikannya semula. Catat hasilnya dalam div.