การส่งฟอร์มด้วยวิธี GET ใน JavaScript

มาลองใช้วิธี GET ส่งฟอร์มกันเป็นตัวอย่าง สมมติว่าเรามีฟอร์ม ที่ให้ผู้ใช้ป้อนตัวเลขลงในอินพุต:

<form action="/handler/" method="GET">
	<input name="num1">
	<input name="num2">
	<input type="submit">
</form>

ให้เซิร์ฟเวอร์หาผลรวมของตัวเลขที่ได้รับ และส่งผลลัพธ์กลับไปยังเบราว์เซอร์ เริ่มต้นด้วยการรับตัวเลขที่ถูกส่งมา:

export default {
	'/handler/': function({get}) {
		console.log(get.num1);
		console.log(get.num2);
		
		return 'form data received';
	}
}

ตอนนี้มาหาผลรวมของตัวเลขและส่งกลับไป ยังเบราว์เซอร์:

export default {
	'/handler/': function({get}) {
		return Number(get.num1) + Number(get.num2);
	}
}

สร้างฟอร์มที่มีห้าอินพุต สำหรับป้อน ตัวเลข ให้เซิร์ฟเวอร์คำนวณค่าเฉลี่ย เลขคณิตของตัวเลขที่ส่งมา และส่ง ผลลัพธ์กลับไปยังเบราว์เซอร์

ถามชื่อ นามสกุล และชื่อกลางของผู้ใช้ ส่งข้อมูลไปยังเซิร์ฟเวอร์ ให้ เซิร์ฟเวอร์ส่งข้อความยืนยัน เกี่ยวกับความสำเร็จในการส่งกลับมาเป็นคำตอบ

ถามผู้ใช้เกี่ยวกับวันที่ในรูปแบบ ปี-เดือน-วัน ส่งวันที่ไปยังเซิร์ฟเวอร์ ให้เซิร์ฟเวอร์ตรวจสอบ ความถูกต้องของรูปแบบวันที่ หากวันที่ถูกต้อง - ให้ส่งกลับข้อความแสดงความสำเร็จ และ หากไม่ถูกต้อง - ส่งข้อความแสดงความล้มเหลว