JavaScript ส่งค่าผ่าน URL รับค่าด้วย PHP

สอนภาษา JavaScript ส่งค่าผ่าน URL แบบ QueryString และรับค่าด้วยภาษา PHP โดยตัวอย่างจะส่งตัวแปร a และ b จาก JavaScript ไปที่ภาษา PHP และนำตัวแปรทั้ง 2 บวกกันและแสดงผลลัพธ์ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง JavaScript ส่งค่าผ่าน URL รับค่าด้วย PHP

1. ไฟล์ index.html

<input type="button" value="ส่งค่าผ่าน URL" onclick="sendValue()">
<script>
    function sendValue() {
        window.location = 'test.php?a=10&b=20';
    }
</script>

2. ไฟล์ test.php

<?php
    isset( $_GET['a'] ) ? $a = $_GET['a'] : $a = "";
    isset( $_GET['b'] ) ? $b = $_GET['b'] : $b = "";
    echo $a." + ".$b." = ".( $a + $b );
?>

1. สร้าง 2 ไฟล์ คือ index.html เป็นส่วนของ JavaScript ส่งค่าผ่าน URL และ test.php คือ ไฟล์ที่รับค่าด้วยภาษา PHP จากการส่งของ JavaScript

2. ที่ index.html สร้างฟังก์ชัน sendValue ทำหน้าที่ส่งค่าผ่าน URL มีตัวแปร 2 ตัว คือ a และ b ไปที่ไฟล์ test.php แบบ QueryString

3. เมื่อผู้ใช้งานกดคลิกที่ปุ่มของ JavaScript จะส่งตัวแปรทั้ง 2 ไปให้ภาษา PHP รับค่า และแสดงผลลัพธ์จากการบวกของตัวแปรทั้ง 2 ออกมา