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


PHP Knowledge เป็น บอร์ดรวามความรู้ php เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

Post Reply
User avatar
M030
PHP Super Hero Member
PHP Super Hero Member
Posts: 532
Joined: 07/09/2015 10:06 am

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

Post by M030 » 23/09/2015 12:02 pm

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

action แบบปกติ

Code: Select all

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

Code: Select all

<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

Code: Select all

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

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

Code: Select all

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

Post Reply

Return to “PHP Knowledge”

Users browsing this forum: No registered users and 1 guest