AJAX ส่งหลายค่าแบบ get ด้วย jQuery

AJAX ส่งหลายค่าแบบ get ด้วย jQuery บทความนี้สอนการส่งข้อมูลแบบหลายค่า หลายตัวแปร แบบ get ผ่านคำสั่ง AJAX ของ jQuery พร้อมกับรับค่าเหล่านั้นด้วย PHP และ return กลับออกมา สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง AJAX ส่งหลายค่าแบบ get ด้วย jQuery

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
    let a = 987;
    let b = 654;
    $.ajax({
        type: "GET",
        url: "submit.php?a="+a+"&b="+b,
        success: function( data ) {
            console.log( data );
        }
    });
</script>

<?php
    // ไฟล์ submit.php
    isset( $_GET['a'] ) ? $a = $_GET['a'] : $a = "";
    isset( $_GET['b'] ) ? $b = $_GET['b'] : $b = "";
    echo "ตัวแปร a คือ {$a} / ตัวแปร b คือ {$b}";
?>

ผลลัพธ์

ตัวแปร a คือ 987 / ตัวแปร b คือ 654

AJAX ส่งหลายค่าแบบ get ด้วย jQuery จากตัวอย่างต้องการส่งตัวแปร a และ b ไปที่ไฟล์ submit.php ในรูปแบบ get แนะนำให้แนบตัวแปรทั้ง 2 ไปพร้อมกับ URL ได้เลย คือ "submit.php?a="+a+"&b="+b จากนั้นที่ไฟล์ submit.php จะรับค่าตัวแปรทั้ง 2 ด้วย $_GET และ return ค่ากลับมาให้ jQuery แสดงผลลัพธ์ออกมาด้วยคำสั่ง console.log