如何不使用HTML表单仅通过按钮发起POST请求操作MySQL数据库

你现有后端的isset($_POST['toggle_LED'])判断逻辑不需要做任何修改，只要通过前端发起格式和表单提交一致的POST请求即可，以下是零依赖的实现方式，非常适配ESP8266这类资源有限的嵌入式项目场景。

前端代码实现 #

不需要任何<form>标签，只需要放普通按钮加少量原生JavaScript即可，代码体积极小，不需要加载任何第三方库：

<!-- 独立按钮，无需包裹form元素 -->
<button id="ledToggleBtn">切换LED状态</button>
<span id="opTip" style="margin-left: 8px;"></span>

<script>
const toggleBtn = document.getElementById('ledToggleBtn');
const tipEl = document.getElementById('opTip');

toggleBtn.addEventListener('click', () => {
    // 临时禁用按钮，避免网络延迟时重复点击提交
    toggleBtn.disabled = true;
    tipEl.textContent = '处理中...';

    // 发起POST请求到当前页面
    fetch(window.location.href, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
        },
        // 传递后端需要的toggle_LED参数，和表单提交格式完全一致
        body: 'toggle_LED=1'
    }).then(res => {
        if (!res.ok) throw new Error('请求错误');
        tipEl.textContent = '切换成功';
        // 300毫秒后刷新页面，同步显示最新LED状态
        setTimeout(() => window.location.reload(), 300);
    }).catch(() => {
        tipEl.textContent = '操作失败，请重试';
        // 失败后1秒恢复按钮可点击
        setTimeout(() => {
            toggleBtn.disabled = false;
            tipEl.textContent = '';
        }, 1000);
    })
})
</script>

可选后端逻辑优化 #

你当前的PHP逻辑是先查询状态再更新，可以简化为单条SQL直接翻转状态，减少一次数据库查询，提升响应速度：

<?php
$conn = mysqli_connect('你的数据库地址', '用户名', '密码', '库名');

if (isset($_POST['toggle_LED'])) {
    // 用异或运算直接翻转status字段值：1变0，0变1，无需提前查询判断
    mysqli_query($conn, "UPDATE LED_status SET status = status ^ 1 WHERE id = 1");
    
    // 处理完POST请求后跳转回原页面，避免刷新重复提交
    header("Location: ".$_SERVER['PHP_SELF']);
    exit;
}

// 原有读取LED状态的逻辑正常保留即可
$sql = "SELECT * FROM LED_status WHERE id = 1;";
$result = mysqli_query($conn, $sql);
$ledRow = mysqli_fetch_assoc($result);
$currentStatus = $ledRow['status'];
?>

<!-- 页面其他内容，比如显示当前LED状态 -->
<p>当前LED状态：<?php echo $currentStatus == 1 ? '开启' : '关闭'; ?></p>

实现说明 #

• 前端提交的请求采用和普通表单完全一致的application/x-www-form-urlencoded编码格式，PHP端可以正常通过$_POST获取参数，完全兼容你原有业务逻辑
• 原生JS实现无任何依赖，总代码体积不到1KB，非常适合存储在ESP8266的有限Flash空间中
• 加入了重复点击防护和操作提示，适配嵌入式场景下网络响应慢的实际使用情况

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