การสร้าง AJAX Link

wave
มานพ กองอุ่น 2 พ.ค. 2016, 17:10:04 3,161

ได้เห็น Concept ของ AJAX Button กันแล้วคราวนี้มาลองกับ Link กันบ้างนะครับ โดย Concept ก็จะยังคงคล้ายๆ กันอยู่ครับ แต่จะเปลี่ยนการส่งเป็นแบบ POST แทนนะครับ

สร้าง actionAjaxLink() ใน Controller สำหรับสร้างฟอร์ม

สร้าง View สำหรับสร้างฟอร์มชื่อ ajaxlink.php พร้อม Link สำหรับกดโดยจะใช้ Class ของ Bootstrap

เมื่อแสดงผลจะได้แบบนี้ครับ

จะเห็นว่าเมื่อคลิ๊กนั้นจะส่งข้อมูลไปประมวลผลที่ site/ajaxrequest2 แล้วไปสร้าง actionAjaxRequest2() ใน SiteController ดังนี้ครับ

จะเห็นว่าเราส่งข้อมูลมาแบบ POST โดยส่ง val1 และ val2 เข้ามา และเขียนโปรแกรมในการแสดงผลตัวแปรทั้ง 2 พร้อม วันเดือนปีและเวลาด้วย โดยทดลองกดปุ่มลิ้งค์ จะแสดงผลดังนี้ โดยจะปรากฏ Alert ก่อนส่ง เมื่อกดปุ่ม OK ถึงจะส่งข้อมูลครับ

จากนั้นจะแสดงข้อมูลที่เกิดจากการประมวลผลแล้วส่งมาแสดงผลที่ ดังนี้

<div id="dataToUpdate"></div>

 

 

 


ความคิดเห็น

หากบทเรียนรู้มีความผิดพลาดประการใด หรือมีข้อเสนอแนะกรุณาแจ้ง contact@programmerthailand.com

เขียนบทเรียนรู้ของคุณ

รายละเอียด
  • ดู 3,161
  • รักเลย 0
  • หมวดหมู่ Tip Yii Framework (Yii1)
  • เขียนเมื่อ
  • แก้ไขเมื่อ
  • Tags yii
ข้อมูลผู้เขียน
มานพ กองอุ่น

มานพ กองอุ่น

เป็นสมาชิกเมื่อ: 18 ธ.ค. 2009

เนื้อหาที่เกี่ยวข้อง