添加On/Off按钮后，PHP+MySQL无法通过serializeArray完成数据更新求助

我帮你梳理了代码里的几个关键问题，正是这些问题导致数据库无法更新：

1. AJAX 请求参数拼写错误 #

在修改后的 JavaScript 代码里，你把 AJAX 的 data 参数写成了 date，这会导致请求根本没有携带任何数据到后端：

错误代码：

$.ajax({
  method: "POST",
  url: "dataUpdate.php",
  date: $.param(data), // 这里是date，应该是data
  cache: false,
  success: function(responseText) {
    console.log(responseText)
  }
});

修复后：

$.ajax({
  method: "POST",
  url: "dataUpdate.php",
  data: $.param(data), // 修正为data
  cache: false,
  success: function(responseText) {
    console.log(responseText)
  }
});

2. PHP 变量名不一致导致逻辑错误 #

你的 PHP 代码里，先定义了 $roomStat = ($_POST['thermostat']);，但后面判断空值的时候用了未定义的 $roomState，这会触发 PHP 警告，同时导致默认值逻辑失效：

错误代码：

$roomStat = ($_POST['thermostat']);
$onOff = ($_POST['onOff']);
if ($roomState == ''){$roomState = 1;} // 这里是roomState，应该是roomStat

修复后：

$roomStat = $_POST['thermostat'] ?? ''; // 用null合并运算符更安全
$onOff = $_POST['onOff'] ?? 0; // 给onOff也加默认值，避免未定义报错
if ($roomStat == ''){
    $roomStat = 1;
}

3. 按钮默认提交行为打断 AJAX 请求 #

你的两个按钮（Update 和 On/Off）都在 <form> 标签内，点击按钮会触发表单的默认提交行为，页面会刷新，导致 AJAX 请求还没完成就被中断。需要在 myFunction 里阻止默认行为：

修改后的 myFunction：

function myFunction(e) {
  // 阻止默认提交行为
  if(e) e.preventDefault();
  
  var button = document.getElementById("onOff").value;
  if (button == 1) button = 0; else button = 1;
  
  // 更新按钮的value，确保下次点击状态正确
  document.getElementById("onOff").value = button;
  
  // AJAX code to submit form.
  var data = $('#form_id').serializeArray();
  data.push({name: 'onOff', value: button});
  $.ajax({
    method: "POST",
    url: "dataUpdate.php",
    data: $.param(data),
    cache: false,
    success: function(responseText) {
      console.log(responseText)
    },
    error: function(xhr, status, error) {
      // 新增错误日志，方便排查
      console.error("AJAX Error:", error);
    }
  });
}

同时，HTML 里的按钮调用要传递事件对象：

<button class="btn" onclick="myFunction(event)">Update</button>
<button class="demand" onclick="myFunction(event)" id="onOff" value="">On/Off</button>

4. 按钮初始值为空的逻辑问题 #

页面加载时，onOff 按钮的 value 是空字符串，第一次点击时 button == 1 为 false，会被设为 1，但后续状态切换需要确保按钮的 value 被正确更新。上面的 myFunction 里已经加了 document.getElementById("onOff").value = button;，可以解决这个问题。

额外建议：开启 PHP 错误提示 #

在开发阶段，建议在 PHP 脚本开头加上错误提示，方便快速定位问题：

<?php
error_reporting(E_ALL);
ini_set('display_errors', 1);
// 后续代码...

把这些修复点都应用后，数据库更新功能应该就能正常工作了。

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