如何在JavaScript的confirm()函数中调用PHP文件删除数据库记录

优化后代码（适配中文提示+显示具体删除内容） #

原示例存在提示信息模糊、按钮类名拼写错误的问题，优化后代码如下：

function deleteGame(deleteItemName) {
    // 弹窗内显示具体待删除内容，避免用户误操作
    if(confirm(`您确定要删除「${deleteItemName}」吗？删除后数据无法恢复，请谨慎操作。`)){
        // 确认后调用PHP接口执行删除，传递对应记录ID
        $(".deleteButton").load('deleteGame.php?id=' + $(".deleteButton").data("id"));
        // 如需删除后更新列表，可在此处添加DOM操作逻辑，例如移除当前删除项的DOM节点
    }
}

对应的删除按钮HTML参考写法：

<!-- data-id存储待删除记录的ID，点击时传入当前要删除的内容名称 -->
<button class="deleteButton" data-id="要删除的记录ID" onclick="deleteGame('要删除的内容名称')">删除</button>

注意事项 #

• 后端deleteGame.php必须做两层校验：首先校验当前用户是否有登录权限，其次校验该用户是否有权限删除传入ID对应的记录，同时做好参数过滤避免SQL注入，防止恶意用户构造请求批量删除数据
• 如果项目中没有引入jQuery，可以使用原生fetch方法调用接口，示例如下：

function deleteGame(deleteItemName, recordId) {
    if(confirm(`您确定要删除「${deleteItemName}」吗？删除后数据无法恢复，请谨慎操作。`)){
        fetch(`deleteGame.php?id=${recordId}`)
            .then(res => res.json()) // 后端返回JSON格式的操作结果
            .then(result => {
                if(result.code === 0) {
                    alert('删除成功')
                    // 这里写删除后的列表更新逻辑
                } else {
                    alert('删除失败：' + result.msg)
                }
            })
    }
}

内容的提问来源于stack exchange，提问作者LLager