การส่งข้อมูลผ่าน AJAX โดยใช้ URLSearchParams ใน JavaScript

บ่อยครั้งที่ไม่สะดวกนักที่จะสร้าง Query String ด้วยมือ วิธีที่สะดวกกว่า คือทำผ่าน URLSearchParams:

public/client.jsbutton.addEventListener('click', function() {
  let searchParams = new URLSearchParams();
  
  searchParams.set('num1', '1');
  searchParams.set('num2', '2');
  
  let promise = fetch('/handler/', {
    method: 'post',
    body: searchParams,
  });
});
Задание 1

บนไคลเอ็นต์มี div, ปุ่ม และอินพุตสามช่อง ให้ป้อนตัวเลขลงในอินพุต เมื่อกดปุ่มให้ ส่งตัวเลขที่ป้อนไปยังเซิร์ฟเวร์ ให้เซิร์ฟเวร์หาผลรวมของตัวเลขที่ส่งมา และส่งกลับมา แล้วบันทึกผลลัพธ์ลงใน div