JSP กับการรับข้อมูลจาก HTML มาประมวลผล
ข่าวสาร
ไวรัสคอมพิวเตอร์ (Computer Virus)
ไวรัสคอมพิวเตอร์ (Computer Virus)
   เป็นโปรแกรมชนิดหนึ่งที่ถูกเขียนขึ้นโดยมีจุดมุ่งหมายที่จะสร้างผลลัพธ์อันไม่พึงประสงค์ ให้กับคอมพิวเตอร์ที่เรียกใช้โปรแกรมนี้
โปรแกรมที่ใช้สร้างเว็บไซต์
โปรแกรมที่ใช้สร้างเว็บไซต์
   ในการจะสร้างเว็บไซต์ขึ้นมาแต่ละเว็บ เราจำเป็นต้องมีเครื่องมือเขียนโค้ดเว็บไซต์ ซึ่งโปรแกรมเขียนโค้ดก็มีให้เลือกใช้งานอยู่หลายโปรแกรม
หน้าที่ของระบบปฏิบัติการ
หน้าที่ของระบบปฏิบัติการ
   ระบบปฏิบัติการเป็นส่วนที่ช่วยเหลือผู้ใช้งานในการควบคุมระบบ โดยที่คุณไม่จำเป็นต้องทราบโครงสร้าง หรือกลไกการทำงานของเครื่องเลย
ระบบคอมพิวเตอร์
ระบบคอมพิวเตอร์
   วิวัฒนาการของคอมพิวเตอร์ตั้งแต่อดีตที่ผ่านมา จากหลอดสุญญากาศที่ไม่มีระบบปฏิบัติการ เรื่อยมาจนถึงปัจจุบันที่คอมพิวเตอร์มีขนาดเล็กลง
ASUS VivoTab Smart แท็บเล็ตสายพันธุ์ใหม่ จอภาพ 10.1 นิ้ว
ASUS VivoTab Smart แท็บเล็ตสายพันธุ์ใหม่ จอภาพ 10.1 นิ้ว
   ASUS VivoTab Smart แท็บเล็ตสายพันธุ์ใหม่ ด้วยขนาดจอภาพ 10.1นิ้ว แบบ IPS ที่ให้สีสันสดใสและมุมมองที่กว้างกว่า
โน๊ตบุ๊ค รุ่นต่างๆ กล้องประเภทต่างๆ

วีดีโอน่ารู้ : โปรเจคคำนวนเงินทอนว่าต้องมีธนบัตร Project PHP


แจกโปรเจคPHPฟรี
การเขียนโปรแกรม >> ภาษา JSP >> JSP กับการรับข้อมูลจาก HTML มาประมวลผล

JSP กับการรับข้อมูลจาก HTML มาประมวลผล 

JSP กับการรับข้อมูลจาก HTML มาประมวลผล

อัพเดทวันที่: 17 ก.พ. 2557

วีดีโอน่ารู้ : โปรเจคออมเงินพื้นฐาน Project PHP


HTML Form คือ แบบฟอร์มที่สามารถป้อนข้อมูลต่างๆ ลงไป เพื่อส่งข้อมูลเหล่านี้ไปประมวลผลยัง jsp

<FORM>

            ……….

            ……….

</FORM

การรับข้อมูล ด้วย  textbox element

รูปแบบ

 <INPUT TYPE=“text”

           NAME=“ชื่อของช่อง textbox”

           VALUE=“ค่าเริ่มต้นของช่อง textbox”

           SIZE = “ขนาดความยาวของช่อง textbox”

            MAXLENGTH=“จำนวนตัวอักษรมากที่สุด

                        ที่สามารถรับได้”>

การรับข้อมูลด้วย checkbox element

 <INPUT   TYPE=“checkbox”

       NAME = “ชื่อของ checkbox”

       VALUE = “ค่าที่จะกำหนดให้ checkbox

        CHECKED >

ถ้ากำหนด CHECKED  checkbox ช่องนี้จะถูกเลือกไว้ก่อน

เช่น <INPUT TYPE=“checkbox” NAME=“mycheckbox” VALUE=“red”  CHECKED > red

การรับข้อมูลด้วย radio element

<INPUT TYPE =“radio”

     NAME=“ชื่อของ radio”

     VALUE=“ค่าที่จะกำหนดให้ radio”

     CHECKED >

การรับข้อมูลด้วย textarea element

<TEXTAREA NAME=“ชื่อของ textarea”

         ROWS=“จำนวนแถวของ textarea”

         COLS=“จำนวนคอลัมน์ของ textarea”

</TEXTAREA>

การรับข้อมูลด้วย listbox  element

< SELECT NAME=“ชื่อของ listbox”

         SIZE=“จำนวนแถวของ listbox”

          MULIPLE>

          <OPTION VALUE=“ค่าของตัวเลือกที่ 1”>  แสดงข้อความ

                ตัวเลือกที่ 1

                ............

          <OPTION VALUE=“ค่าของตัวเลือกที่   n”>  แสดงข้อความ

               ตัวเลือกที่ n

</SELECT>

การส่งข้อมูลด้วย submit element

submit เป็นปุ่มสำหรับส่งข้อมูล เมื่อกดปุ่มนี้ข้อมูลทั้งหมดที่กรอกหรือเลือกไป จะถูกส่งไปประมวลผลยังไฟล์ JSP ที่ระบุ

รูปแบบ

    <INPUT TYPE=“submit”

           VALUE=“ข้อความที่จะแสดงบนปุ่ม submit”

การเคลียร์ข้อมูลที่กรอกหรือเลือกไปด้วย reset element

รูปแบบ

      <INPUT TYPE=“reset”  

            VALUE=“ข้อความที่จะแสดงบนปุ่ม reset”

การจัดแบบฟอร์มด้วย TABLE

<TABLE BORDER=“กำหนดขนาดขอบเขตของตาราง ” >

        <TR>

                        <TD> ….. </TD>

                         <TD> …..</TD>

        </TR>

        <TR>

                        <TD> ….. </TD>

                         <TD> …..</TD>

        </TR>

</TABLE>

กำหนดขนาดขอบเขตของตาราง = 1  หมายถึงมีความหนาเป็น 1

ถ้าไม่กำหนด ไม่ต้องใส่ border   

< TD  COLSPAN=“2”  > < CENTER>

   กำหนดให้สร้างคอลัมน์ที่มีขนาดของคอลัมน์ยาวเป็น 2 เท่าจากขนาดคอลัมน์ปกติ

การส่งข้อมูลจาก HTML Form ไปประมวลผลยัง JSP

<FORM ACTION=“ชื่อไฟล์ jsp ที่จะส่งข้อมูลไปประมวลผล” METHOD=“Post”>

                กำหนดรายละเอียดของฟอร์มไว้ที่นี่”

</FORM>

เช่น สมมติมีไฟล์ DataForm.html โดยไฟล์มีรายละเอียดดังนี้

<FORM  ACTION=“RetriveDataForm1.jsp” METHOD=“POST”>

       …………..

</FORM>

หมายถึงเมื่อคลิกปุ่ม submit แล้วข้อมูลทั้งหมดจากฟอร์มในไฟล์Dataform.html จะถูกส่งไปยังไฟล์ RetriveDataForm1.jsp

การรับข้อมูลจากฟอร์มมาประมวลผลที่ jsp

เมื่อมีไฟล์ html ไฟล์หนึ่ง ระบุส่งข้อมูลจากฟอร์ม มายัง jsp เพื่อประมวลผล ไฟล์ jsp  จะต้องเรียก

      request.getParameter(“ชื่อของ element”)

ตัวอย่างเช่น

<FORM ACTIOM=“RetriveDataForm1.jsp” METHOD=“POST”>

     <INPUT TYPE=“text” NAME=“usernameElement”>

    <INPUT TYPE=“text” NAME=“passwordElement”>

    <INPUT TYPE=“submit” value =“ส่งข้อมูล”>

</FORM>

เมื่อคลิกปุ่มส่งข้อมูล ข้อมูลจากช่อง textbox ทั้ง 2 ช่อง จะถูกส่งมาที่ไฟล์ RetriveForm1.jsp ซึ่งไฟล์ RetriveveDataForm1.jsp จะต้องดึงค่าของ textbox ทั้ง 2 ช่องที่ไฟล์  HTML ส่งมาให้ดังนี้

<%=request.getParameter(“usernameElement”) %>

<%=request.getParameter(“passwordElement”) %>

การแสดงข้อมูลเป็นภาษาไทย

วิธีที่ 1

   <%= new  Stringrequest.getParameter(“name”)

       .getBytes(), “TIS-620” )   %>   //(UTF-8)

วิธีที่ 2

      request.setCharacterEncoding(“TIS-620”)  

      request.getParameter(“ชื่อของพารามิเตอร์”) 

การรับข้อมูลจาก checkbox element

การรับข้อมูลจาก checkbox , listbox ที่มีการระบุ MULIBLE สามารถมีค่าได้มากกว่า 1 ค่า

รูปแบบ

                request.getParameterValues(“ชื่อelement”)

ได้ค่าออกมาเป็นอาร์เรย์ของสตริงค์  จะต้องนำตัวแปรที่เป็นอาร์เรย์ของสตริงค์มารับค่าของ request.getParameterValues ก่อน จากนั้นจึงจะทำการวนลูปดึงค่าแต่ละค่าของ element

เช่น String[] colors=request.getParameterValues(“favorite”);

    for(int  i = 0 ; i<colors.length; i++) {

           out.print(colors[i]+ “  ”);

     }

การดึงชื่อของ element

ดึงชื่อของ element ด้วย request.getParameterNames() สามารถดึงชื่อของ element ที่มีทั้งหมดออกมาก่อน แล้วจึงนำชื่อที่ได้ไปดึงค่าของแต่ละ element ออกมา

รูปแบบ

   java.util.Enumeration ตัวแปรที่จะเก็บชื่อ element ทั้งหมด = request.getParameterNames();

หลักการดึงค่าแต่ละ element

while(paramNames.hasMoreElements()){

       String paramName=(String)  

        paramNames.nextElement();

        out.print(request.getParameter(paramNames));

}

Tag : JSP กับการรับข้อมูลจาก HTML การรับข้อมูล ด้วย textbox การรับข้อมูลด้วย checkbox หลักการดึงค่าแต่ละ element

หน้าหลัก
ความตั้งใจ
กว่าจะเป็นเว็บไซต์
แผนผังเว็บไซต์

คุยกับผู้ทำเว็บไซต์
-เริ่มต้นสาขาวิทยาการคอมพิวเตอร์
ติดตามข่าวสาร กด Like เลย
เกี่ยวกับเรา
e-mail : support@rangforever.com


ได้รับการสนับสนุนโดย


----
รวบรวมข่าวสารไอที เทคนิคการเขียนโปรแกรมภาษาphp css javascript jsp c# แจกโปรแกรมที่เขียน แจกระบบ แจกโค้ดฟังก์ชันต่างๆ สอนการใช้งานโปรแกรมออฟฟิศ word excel โปรแกรมตกแต่ง ตัดต่อ สร้างภาพ adobe photoshop adobe Illustrater จัดเต็มกับความรู้ในเนื้อหาโปรแกรมเมอร์แบบเจาะลึก พร้อมวีดีโอสอนการใช้งานโปรแกรม การเขียนโปรแกรม เพิ่มความรู้ ปูทักษะการเขียนโปรแกรมแบบฟรีๆ พร้อมเรียนรู้ไปกับเราได้ที่ www.rangforever.com