ป้องกันการ Refresh จากหน้าเว็บได้ยังไงคะ เพื่อไม่ให้ข้อมูลซ้ำ

$(document).ready(function () {
    $('#myButton').on('click', function (e) {
        e.preventDefault(); // ป้องกันการกระทำเริ่มต้น เช่น การรีเฟรชหน้า

        var $button = $(this); // เก็บปุ่มไว้ในตัวแปร
        $button.prop('disabled', true); // ปิดการใช้งานปุ่ม

        $.ajax({
            url: 'server-script.php',
            type: 'POST',
            data: { key: 'value' },
            success: function (response) {
                console.log('Success:', response);
                // ทำสิ่งที่ต้องการกับ response
            },
            error: function (xhr, status, error) {
                console.error('Error:', error);
            },
            complete: function () {
                $button.prop('disabled', false); // เปิดการใช้งานปุ่มอีกครั้ง
            }
        });
    });
});