การส่งข้อมูลผ่าน 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,
	});
});

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