onclick ส่งค่าตัวแปร แบบ GET จากปุ่ม Button

สอนเขียนโค้ด onclick ส่งค่าตัวแปร แบบ GET บทความนี้จะแนะนำการใช้ attribute onclick เพื่อส่งค่าจากปุ่ม Button ไปที่ไฟล์ PHP ในรูปแบบการสื่อสารแบบ GET และรับค่าฝั่ง PHP พร้อมแสดงค่าตัวแปรออกสู่หน้าจอ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง onclick ส่งค่าตัวแปร แบบ GET จากปุ่ม Button

<input type="button" value="ส่งค่าตัวแปร" onclick="javascript:window.location='index.php?a=10&b=20'">

<?php
    isset( $_GET['a'] ) ? $a = $_GET['a'] : $a = "";
    isset( $_GET['b'] ) ? $b = $_GET['b'] : $b = "";
    if( !empty( $a ) && !empty( $b ) ) {
        echo "a = ".$a." / b = ".$b;
    }
?>

ผลลัพธ์

a = 10 / b = 20

onclick ส่งค่าตัวแปร จากตัวอย่างกำหนด attribute onclick ที่แท็ก Button ของภาษา HTML เมื่อผู้ใช้งานกดคลิกจะเรียกใช้คำสั่ง window.location ส่งค่าไปที่ไฟล์ index.php โดยส่งไป 2 ตัวแปร คือ a = 10 และ b = 20