Page 88 - การโปรแกรมเว็บ
P. 88
7-76 การโปรแกรมเวบ็
เร่ืองท่ี 7.1.4
การรับและส่งข้อมูลระหว่างไคลเอ็นต์เซิร์ฟเวอร์
ในการพัฒนาโปรแกรมประยุกตบ์ นเวบ็ ของระบบงานต่างๆ เช่น ระบบการรับสมคั รสมาชิก โดย
ท่วั ไปจะมหี นา้ แบบฟอรม์ สำ� หรบั ให้กรอกรายละเอยี ดตา่ งๆ ซึ่งจะถกู นำ� ไปประมวลผลต่อไป ระบบตะกรา้
หรือรถเข็น ส�ำหรับใช้เลือกซื้อสินค้าที่ต้องการโดยหยิบสินค้าลงตะกร้า ระบบจะท�ำการค�ำนวณปริมาณ
สนิ คา้ และราคารวมใหโ้ ดยอตั โนมตั ิ เปน็ ตน้ จะเหน็ วา่ ในการทำ� งานดงั กลา่ วจะตอ้ งมสี ว่ นของการรบั ขอ้ มลู
น�ำเข้า (input) เพ่ือน�ำไปประมวลผล เนื้อหาในเร่ืองนี้จะกล่าวถึงการสร้างแบบช่องรับข้อมูลด้วยภาษา
HTML ซ่งึ มอี อบเจก็ ตร์ บั ข้อมลู อยูห่ ลายประเภท
การส่งข้อมูลแบบโพส
การส่งข้อมูลแบบโพส (Post Method) เป็นรูปแบบการ submit และส่งค่าจาก form ของ
HTML ใชเ้ ครือ่ งมือหรอื กล่องควบคุมในการรับหรือน�ำข้อมูลเข้า (input) เช่น กล่องข้อความ (textbox)
ต่างๆ โดยใช้ค�ำสงั่ ในการสร้างแท็กฟอรม์ ดังน้ี <form method="post"> จากนั้นจงึ ท�ำการสง่ (submit)
ไปยังเจเอสพีปลายทางที่ต้องการรับข้อมูลเพื่อท�ำงานบางอย่าง โดยเจเอสพีปลายทางจะท�ำการอ่าน
คา่ ข้อมูลเหลา่ น้นั (input) มาประมวลผลและแสดงผลลพั ธบ์ นเว็บเพจตอ่ ไป โดยมีรูปแบบการรับคา่ ดงั นี้
request.getParameter("input-name");
โดยท่ี input-name คือ ชือ่ ของตวั แปร หรือกล่องเครอื่ งมอื ทีถ่ ูกสง่ มาจากหน้าฟอร์มรับขอ้ มูล
ตัวอย่างท่ี 7.32 การรบั -ส่งแบบโพส และการอ่านคา่ ดว้ ย getParameter
ในตวั อย่างน้ีจะประกอบไปดว้ ย 2 ไฟล์ คอื ไฟล์ index.jsp และไฟล์ post.jsp
index.jsp
โปรแกรมน้สี �ำหรับการสร้างหนา้ จอฟอร์มปอ้ นข้อมูล
1 <html>
2 <head>
3 <title>http://www.siam2dev.net : JSP Tutorial</title>
4 </head>
5 <body>