PHP รับค่าจาก JavaScript แบบ POST

บทความนี้สอน PHP รับค่าจาก JavaScript แบบ POST โดยปกติ POST คือการส่งข้อมูลผ่าน form หรือผ่านการกดปุ่ม submit ในตัวอย่างจะใช้คำสั่ง submit ของ JavaScript เพื่อ submit form และใช้คำสั่ง $_POST เพื่อรับค่าที่ PHP มีรายละเอียดดังนี้

ตัวอย่าง PHP รับค่าจาก JavaScript แบบ POST

1. สร้าง form สื่อสารแบบ POST ด้วยภาษา HTML ประกอบด้วย 1 form กำหนด id เท่ากับ myForm และ input text 2 อัน คือ a มีค่าเป็น 123 และ b มีค่าเป็น 456 พร้อมปุ่มกด submit 1 ปุ่ม เมื่อผู้ใช้งานใส่ข้อมูลที่ต้องการแล้วกดปุ่ม submit โปรแกรมจะเรียกใช้ฟังก์ชันชื่อ sendValue ใน JavaScript

<form id="myForm" method="POST" onsubmit="sendValue()">
    <input type="text" name="a" value="123">
    <input type="text" name="b" value="456">
    <button type="submit">ส่งแบบ POST</button>
</form>

2. ส่วนของ JavaScript สร้างฟังก์ชันชื่อ sendValue ทำหน้าที่ submit จาก form id เท่ากับ myForm

<script>
    function sendValue() {
        document.getElementById("myForm").submit();
    }
</script>

3. ส่วนของ PHP รับค่าตัวแปรด้วยคำสั่ง $_POST พร้อมแสดงค่าตัวแปรออกสู่หน้าจอด้วยคำสั่ง echo

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

ผลลัพธ์

a = 123 / b = 456