JSP กับการรับข้อมูลจาก HTML มาประมวลผล
ข่าวสาร
สัญญาณอันตราย ฮาร์ดดิสก์ใกล้พัง
สัญญาณอันตราย ฮาร์ดดิสก์ใกล้พัง
   ฮาร์ดดิสก์ สิ่งบันทึกข้อมูลที่เป็นส่วนสำคัญไม่น้อยภายในคอมพิวเตอร์ เพราะฮาร์ดดิสก์เก็บรวบรวมข้อมูลสำคัญไว้ไม่น้อย บางทีเป็นข้อมูลที่เก็บมายาวนาน
ระวัง Forward Mail ภัยอันตรายที่มีประโยชน์และโทษมหันต์
ระวัง Forward Mail ภัยอันตรายที่มีประโยชน์และโทษมหันต์
   เป็นเมล์ที่ถูกส่งต่อๆกันมา โดยที่บางทีอาจไม่ทราบต้นสายปลายเหตุของผู้ส่ง ซึ่งForward Mail มีตั้งแต่ให้ประโยชน์ไปจนไม่เกิดประโยชน์
รับแปลเอกสารราชการ
รับแปลเอกสารราชการ
   รับแปลเอกสารราชการ โดยศูนย์งานแปลทีไอเอส Tis-Translaiton บริษัทผู้เชี่ยวชาญด้านงานแปลภาษา ซึ่งมีนักแปลที่ชำนาญการแปลเอกสารราชการ ทั้งในด้านกฎหมาย
การเจาะระบบคอมพิวเตอร์ Computer Hacking
การเจาะระบบคอมพิวเตอร์ Computer Hacking
   เป็นการเจาะเข้าไปในระบบคอมพิวเตอร์ เพื่อขโมยข้อมูล สอดแนม แอบดู ทำความเสียหาย บนระบบคอมพิวเตอร์ของผู้อื่น ส่งไฟล์แปลกปลอมหรือไวรัส
จริยธรรม จรรยาบรรณ ในการใช้คอมพิวเตอร์
จริยธรรม จรรยาบรรณ ในการใช้คอมพิวเตอร์
   ประมวลความประพฤติที่ผู้ประกอบอาชีพการงานแต่ละอย่าง กำหนดขึ้น เพื่อรักษาและส่งเสริมเกียรติคุณชื่อเสียง และฐานะของสมาชิก
โน๊ตบุ๊ค รุ่นต่างๆ กล้องประเภทต่างๆ

วีดีโอน่ารู้ : โปรเจคคำนวณเกรด กลางภาคและปลายภาค 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