JavaScript เพิ่มลดข้อมูลใน Array ก่อนส่งไปกับแบบฟอร์ม

โค๊ดจาวาสคริปต์ด้านบนนี้ เป็นการนำข้อมูลที่เลือกเก็บไว้ในอาร์เรย์
โดยที่คลิกครั้งแรกให้เพิ่มเข้าไป คลิกครั้งที่ 2 ลบออกจากอาร์เรย์

และเมื่อได้ทำการเลือกข้อมูลที่ต้องการเรียบร้อย ทีนี้เราจะส่งข้อมูลนี้ไปยังหน้าเว็บ PHP เพื่อบันทึกลงฐานข้อมูลได้อย่างไรล่ะ

สำหรับการส่งข้อมูลในแบบฟอร์มไปบันทึกเก็บไว้ในฐานข้อมูล MySQL ของเรานั้น มีอยู่ 2 รูปแบบครับที่ผมจะใช้งาน

แบบแรก คือการ Submit ฟอร์ม HTML แบบธรรมดาๆ คือเก็บข้อมูลไว้ใน INPUT แบบ hidden เมื่อกดปุ่มบันทึกข้อมูลก็จะถูกส่งไปยังหน้าเว็บ PHP ที่เราได้เขียนโปรแกรมบันทึกลงในฐานข้อมูล MySQL ที่เราได้เตรียมไว้

แบบที่สอง คือ การส่งข้อมูลผ่าน Ajax ด้วย jQuery (เหมือนตัวอย่างปฏิทินรูปแบบต่างๆ)

แต่สำหรับตัวอย่างนี้จะเป็นการส่งข้อมูลไปยัง PHP แบบฟอร์ม submit ครับ

DEMO..

ความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

แจกฟรี!! ระบบต่างๆที่พัฒนาด้วย PHP สำหรับนำไปใช้ในงานต่างๆ

สำหรับหลายท่านที่ขอโค้ดเข้ามาทาง Inbox ของเฟซบุ๊กแฟนเพจ หรือถามถึงระบบต่างๆหลังไมค์มานั้น ส่วนใหญ่ก็มีแจกอยู่แล้วในเว็บบอร์ด ThaiCreate.Com นะครับ และด้านล่างนี้ก็เป็นระบบต่างๆที่แจกให้นำไปลองใช้ลองศึกษากันครับ

สอนเขียน PHP แสดงการจองห้องประชุมแบบไฮไลท์ตามช่วงเวลา (แบบเชื่อมต่อฐานข้อมูล MySQL)

ตัวอย่าง ผลลัพธ์ที่ได้จากการจองในฐานข้อมูล ตาราง tb_room สร้างตารางรายชื่อห้องประชุม สำหรับ id นั้นเป็น Primarykey จะกำหนดให้สร้างอัตโนมัติ ทุกครั้งที่เราเพิ่มชื่อห้องประชุมใหม่ -- -- Database: `tobedev_example` -- -- -------------------------------------------------------- -- -- Table structure for table `tb_room` -- CREATE TABLE IF NOT EXISTS `tb_room` ( `id` int(11) NOT NULL, `name` varchar(30) NOT NULL ) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8; -- -- Dumping data for table `tb_room` -- INSERT INTO `tb_room` (`id`, `name`) VALUES (1, 'ห้องประชุม 1'), (2, 'ห้องประชุม 2'), (3, 'ห้องประชุม 3'), (4, 'ห้องประชุม 4'), (5, 'ห้องประชุม 5'); -- -- Indexes for dumped tables -- -- -- Indexes for table `tb_room` -- ALTER TABLE `tb_room` ADD PRIMARY KEY (`id`); -- -- AUTO_INCREMENT for dumped tables -- -- -- AUTO_INCREMENT for table `tb_room` -- ALTER TABLE `tb_room` MODIFY `i...

การดึงข้อมูล MySQL มาแสดงในปฏิทิน Fullcalendar ด้วย PHP

หลักการทำงาน เรียกข้อมูลจากตาราง tb_event ด้วยฟังก์ชั่นของ MySQLi ข้อมูลจากฐานข้อมูลจะถูกวนลูปเก็บไว้ใน $data และจะถูกส่งไปที่ Fullcalendar ด้วยการแปลงข้อมูลจาก PHP ให้อยู่ในรูปแบบ JSON อาร์เรย์ด้วยฟังก์ชั่น json_encode() PHP Code <?php //Database $data = array(); $link = mysqli_connect("127.0.0.1", "tobedev", "1234", "tobedev_example"); mysqli_set_charset($link, 'utf8'); if (!$link) { echo "Error: Unable to connect to MySQL." . PHP_EOL; echo "Debugging errno: " . mysqli_connect_errno() . PHP_EOL; echo "Debugging error: " . mysqli_connect_error() . PHP_EOL; exit; } $query = "SELECT * FROM tb_event"; if ($result = $link->query($query)) { /* fetch object array */ while ($obj = $result->fetch_object()) { $data[] = array( ...

PHP วิถีเริ่มต้นของโปรแกรมเมอร์ รับทำเว็บไซต์

ค้นหาบล็อกนี้