如何实现点击触发SQL查询，避免页面加载自动执行？

你当前的代码逻辑有个核心问题：PHP是服务器端脚本，页面加载时会先执行所有嵌入的PHP代码，再把生成的JS发送给浏览器。所以不管你有没有点击按钮，页面刷新/打开时，这三个mysqli_query都会被执行——服务器根本不管它们嵌套在JS函数里。

要实现「点击按钮才提交数据」的需求，需要把服务器端的SQL执行逻辑和前端的点击事件分开，用AJAX触发服务器请求。具体步骤如下：

1. 新建处理审计记录的PHP文件 #

创建一个独立的PHP文件（比如audit_action.php），专门用来接收前端请求并执行对应的SQL插入操作：

<?php
// 数据库连接逻辑（和你原代码里的$conn一致）
$conn = mysqli_connect("localhost", "你的用户名", "你的密码", "数据库名");

if (!$conn) {
    die("数据库连接失败: " . mysqli_connect_error());
}

// 从POST请求中获取操作类型，做基础校验
$action = isset($_POST['action']) ? trim($_POST['action']) : '';
// 建议：从会话中获取当前登录用户，而不是硬编码employee
session_start();
$user = isset($_SESSION['user']) ? $_SESSION['user'] : 'employee';

// 根据操作类型匹配对应的活动描述
$activity = '';
switch ($action) {
    case 'print':
        $activity = 'printed receipt';
        break;
    case 'cancel':
        $activity = 'canceled transaction';
        break;
    case 'logout':
        $activity = 'logged out';
        break;
    default:
        exit('无效的操作类型');
}

// 使用预处理语句防止SQL注入（非常重要）
$stmt = mysqli_prepare($conn, "INSERT INTO `audittrail` (user, activity) VALUES (?, ?)");
mysqli_stmt_bind_param($stmt, "ss", $user, $activity);

// 执行插入并返回结果
if (mysqli_stmt_execute($stmt)) {
    echo '记录已成功添加';
} else {
    echo '添加失败: ' . mysqli_error($conn);
}

// 清理资源
mysqli_stmt_close($stmt);
mysqli_close($conn);
?>

2. 修改前端JS函数，用AJAX触发请求 #

把原来的JS函数改成通过AJAX向上面的PHP文件发送请求，只有点击按钮时才会触发：

// 打印操作审计
function auditPrint() {
    sendAuditRequest('print');
}

// 取消交易审计
function auditCancel() {
    sendAuditRequest('cancel');
}

// 登出操作审计
function auditLogout() {
    sendAuditRequest('logout');
    // 登出后可以跳转登录页
    // window.location.href = 'login.php';
}

// 封装通用的AJAX请求函数，避免重复代码
function sendAuditRequest(action) {
    fetch('audit_action.php', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
        },
        body: `action=${action}`
    })
    .then(response => response.text())
    .then(message => {
        console.log(message);
        // 可以在这里加用户提示，比如alert(message);
    })
    .catch(error => {
        console.error('请求出错:', error);
    });
}

3. 前端按钮的绑定 #

确保你的按钮/链接正确绑定onclick事件，比如：

<button onclick="auditPrint()">打印收据</button>
<button onclick="auditCancel()">取消交易</button>
<a href="javascript:void(0)" onclick="auditLogout()">登出</a>

关键注意事项 #

• SQL注入防护：必须使用预处理语句（prepared statements），绝对不能直接把前端传过来的参数拼到SQL语句里。
• 用户身份验证：不要硬编码employee，应该从用户会话（$_SESSION）中获取当前登录的用户信息，确保记录的是真实操作人。
• 请求安全性：可以在PHP文件中加入额外的校验，比如检查用户是否已登录，防止恶意请求。

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