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

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

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

ภาพประจำตัวสมาชิก
M030
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 532
ลงทะเบียนเมื่อ: 07/09/2015 10:06 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย M030 »

สำหรับใครที่กำลังหาวิธีการ 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
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 75