如何在php中删除数据而不刷新整个页面？

// 前端页面代码
<script>
    function deleteData(id) {
        if (confirm("确定要删除该数据吗？")) {
            // 创建XMLHttpRequest对象
            var xhr = new XMLHttpRequest();
            
            // 设置请求参数
            xhr.open("POST", "delete.php", true);
            xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            
            // 发送删除请求
            xhr.onreadystatechange = function() {
                if (xhr.readyState == 4 && xhr.status == 200) {
                    // 处理删除结果
                    if (xhr.responseText == "success") {
                        // 删除成功，移除数据行
                        var row = document.getElementById("row_" + id);
                        row.parentNode.removeChild(row);
                    } else {
                        // 删除失败，提示错误信息
                        alert("删除失败：" + xhr.responseText);
                    }
                }
            };
            
            // 发送请求
            xhr.send("id=" + id);
        }
    }
</script>

<!-- 数据行 -->
<div id="row_1">
    <!-- 显示数据 -->
    <span>数据1</span>
    
    <!-- 删除按钮 -->
    <button onclick="deleteData(1)">删除</button>
</div>

// 后台处理代码（delete.php）
<?php
    // 获取要删除的数据ID
    $id = $_POST["id"];
    
    // 执行删除操作
    // ...
    
    // 返回删除结果
    if (删除成功) {
        echo "success";
    } else {
        echo "删除失败";
    }
?>