将html中的注销按钮链接到注销php

<button id="logoutBtn">注销</button>

<script>
    document.getElementById("logoutBtn").addEventListener("click", function() {
        // 使用AJAX发送请求到注销php文件
        var xhr = new XMLHttpRequest();
        xhr.open("GET", "logout.php", true);
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4 && xhr.status === 200) {
                // 注销成功，可以进行一些额外的操作，如重定向到登录页等
                console.log("注销成功");
            }
        };
        xhr.send();
    });
</script>

<?php
    // 执行用户注销的相关操作，如销毁会话(session)、清除用户登录状态等
    session_start();
    session_destroy();
    // 其他注销操作...

    // 返回响应给前端，示例中直接返回注销成功的消息
    echo "注销成功";
?>