วิธีการใช้ Target Submit form แบบไม่เปลี่ยนหน้า

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: วิธีการใช้ Target Submit form แบบไม่เปลี่ยนหน้า

วิธีการใช้ Target Submit form แบบไม่เปลี่ยนหน้า

โดย M030 » 23/09/2015 12:02 pm

สำหรับใครที่กำลังหาวิธีการ submit form แล้วยังอยู่หน้าเดิม เรามีวิธีการทำให้มันอยู่หน้าเดิมได้โดยการใช้ targetค่ะ เพราะปกติแล้วเวลาเรา submit เนี่ยเราจะต้องบอกว่าจะให้ส่งค่าไปยังหน้าไหน โดยใช้ action = "=ชื่อฟอร์มที่ต้องการส่งไป.php " แต่ถ้าเราต้องการให้ submit แล้วยังอยู่หน้าเดิมก็ทำได้ด้วยการใช้ target = " " เพราะในตัว target=" " สามารถสร้าง iframe เพื่อนรองรับ action ของฟอร์มได้ค่ะ ถ้ายังไม่เข้าใจลองมาดูวิธีการใช้กันค่ะ

action แบบปกติ

โค้ด: เลือกทั้งหมด

<form name="MyForm" method="post" action="SaveForm.php">  // เมื่อทำการ submit มันจะส่งค่าไปหน้า SaveForm.php ค่ะ
</form>
 
รูปแบบ submit form ที่ไม่มีการใช้ target
target1.jpg
target1.jpg (72.9 KiB) Viewed 10642 times
ตัวอย่าง code ที่ยังไม่มีการใช้ target ค่ะ
MyForm.php

โค้ด: เลือกทั้งหมด

<html>
<head>
<title>Mindphp</title>
</head>
<body>
    <form name="MyForm" method="post" action="SaveForm.php" >
    <iframe id="iframe_target" name="iframe_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe>
    First Name : <input type="text" name="txtFirstName"><br>
    Last Name : <input type="text" name="txtLastName"><br>
    <input name="btnSubmit" type="submit" value="Submit">
    </form>
</body>
</html>
SaveForm.php

โค้ด: เลือกทั้งหมด

<?php
        $strFirstName = $_POST["txtFirstName"];
        $strLastName = $_POST["txtLastName"];
        echo "<script language=\"JavaScript\">";
        echo "alert('Hello : $strFirstName $strLastName');";
        echo "</script>";
?>
มาลองใช้ target กันค่ะ

นำ target="iframe_target" ไปวางไว้ใน <form > </form> เพื่อที่จะให้ฟอร์มอยู่ที่หน้าเดิมนะค่ะ

โค้ด: เลือกทั้งหมด

<form name="MyForm" method="post" action="SaveForm.php" target="iframe_target">  // นำ target มาวางในนี้นะค่ะ
</form>
 
รูปแบบฟอร์มหลังจากใช้ target ค่ะ
white.jpg
white.jpg (55.93 KiB) Viewed 10642 times

ข้างบน