ตัวอย่าง Java Script Submit แบบไม่ต้อง Reload อย่างง่าย

บทความเกี่ยวกับ : ตัวอย่าง Java Script Submit แบบไม่ต้อง Reload อย่างง่าย

วิธีเขียน Script Submit แบบไม่ต้อง Reload page อย่างง่าย
โดยใช้ Frame เข้ามาช่วยครับ

วิธีการมีอยู่ 2 ขึ้นตอนคือ

1. สร้าง Frame แล้วซ่อนไว้เช่น

<iframe name="pframe" id="pframe" src="" style="display-none"></iframe>

2. เวลา Submit form ให้ Submit ลง Frame โดยการ Set target ไปที่ frame ID เช่น
 document.myform.action="child.php";
 document.myform.target="pframe";
 document.myform.submit();

 หรือจะใส่ไว้ที่ TAG Form เลยก็ได้เช่น
 <form name="myform" action="child.php" target="pframe">

 เพียงเท่านี้เวลาที่ Submit form หน้าจอหลักจะไม่กระดิกเลยครับการทำงาน
 จะส่งไปที่ form ตามที่เรา action ไปคือหน้า child.php

3. หากต้องการจะให้มี message อะไรที่หน้าหลัก ก็สามารถให้หน้า child.php เรียกใช้
Javascript ที่หน้า แม่ได้ด้วยคำสั่ง
  window.parent.xxxx
 เช่น ที่หน้าหลักเรามี function  test()
 ก็สามารถเรียก     window.parent.test();


หลักการประมาณนี้ครับลองเอาไปประยุกต์ใช้ดู
ผมใช้วิธีนี้แล้วมีเพื่อนๆ หลายคนทักว่า ใช้ AJAX ตัวใหนหราาาา
เห่อๆ จะบอกว่าไม่ได้ใช้อะไรเลยใช้แค่ iframe ดีๆ นี่เอง

อ้างอิงข้อมูล
บ้านเดียวกันดอทคอม
Tutorial66.com