PHP refresh เฉพาะส่วน เฉพาะ div ด้วย jQuery

PHP refresh เฉพาะส่วน เฉพาะ div ด้วย jQuery บทความนี้สอนการเขียนภาษา PHP ร่วมกับ jQuery Framework เพื่อสั่ง refresh เฉพาะส่วน หรือเฉพาะ div ที่ต้องการ แบบ AJAX สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง PHP refresh เฉพาะส่วน เฉพาะ div ด้วย jQuery

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

<div>ยินดีต้อนรับเข้าสู่เว็บไซต์ Devdit</div>
<div id="time"><?=date("H:i:s");?></div>
<input type="button" value="Refresh เวลา" id="btn">

<script>
    $("#btn").click(function(){
        $.ajax({
            type: "GET",
            url: "time.php",
            success: function( data ) {
                $("#time").html( data );
            }
        });        
    });
</script>

<?php
    // ไฟล์ time.php
    echo date("H:i:s");
?>

PHP refresh เฉพาะส่วน เฉพาะ div ตัวอย่างนี้ใช้ jQuery การสื่อสารข้อมูลแบบ AJAX เมื่อผู้ใช้งานกดปุ่ม “Refresh เวลา” โปรแกรมจะเข้าไปทำงานในฟังก์ชัน $("#btn").click โดยมีการใช้ AJAX สื่อสารข้อมูลชนิด get ไปยังไฟล์ time.php เพื่อขอเวลา ณ ปัจจุบันจากเครื่อง Server เพื่อมาแสดงผลที่ div id เท่ากับ time เป็นการ refresh เฉพาะส่วน เฉพาะ div ด้วย jQuery