解决动态生成表单中Ajax数据提交错误的指南

// ... PHP循环内部 ...
echo "
<tr>
 <form>
  <input type='hidden' name='id' id='id' value='$id'> // ID 'id' 重复
  // ... 其他输入字段，ID也重复 ...
  <td>
   <input id='$id' type='button' class='btn-submit' value='Save'> // 按钮ID是动态的，但其他输入ID不是
   <input type='reset'>
  </td>
 </form>
</tr>
";
// ... JavaScript部分 ...
$(document).ready(function() {
    $('#$id').click(function() { // 这里的$id是动态的，但内部的$('#id')等是静态的
        var id = $('#id').val(); // 始终获取第一个ID为'id'的元素的值
        // ... 其他变量也一样 ...
    });
});

<?php
// ... 数据库查询和循环开始 ...
while($row = mysqli_fetch_assoc($result)) {
    $id = $row["id"]; // 假设$id是每行数据的唯一标识
    // ... 其他变量定义 ...

    echo "
    <tr>
     <form id='form-$id' method='POST' action=''> <!-- 为每个表单设置唯一ID -->
      <input type='hidden' name='id' value='$id'> <!-- name属性用于提交，ID可以省略或动态生成 -->
      <input type='hidden' name='fname' value='$fname'>
      <input type='hidden' name='mname' value='$mname'>
      <input type='hidden' name='lname' value='$lname'>
      <input type='hidden' name='uhid' value='$uhid'>
      <input type='hidden' name='bednumber' value='$bednumber'>

      <td>$bednumber</td>
      <td>$name</td>
      <td><input type='checkbox' name='rbs' value='RBS,SE,RFT' checked></td>
      <td><input type='checkbox' name='cbc' value='CBC' ></td>
      <td><input type='checkbox' name='pt' value='PT,APTT,INR' ></td>
      <td><input type='checkbox' name='lft' value='LFT' ></td>
      <td><input type='checkbox' name='ue' value='URINE ELECTROLYTES' ></td>
      <td><input type='checkbox' name='osmo' value='SERUM & URINE OSMOLALITY' ></td>
      <td><input type='checkbox' name='procal' value='PROCALCITONINE' ></td>
      <td><input type='checkbox' name='tft' value='TFT' ></td>
      <td><input type='checkbox' name='lipid' value='LIPID PROFILE' ></td>
      <td><input type='checkbox' name='ammo' value='AMMONIA & PHOSPHATE' ></td>
      <td>
       <input id='save-$id' type='button' class='btn-submit' value='Save' > <!-- 为每个保存按钮设置唯一ID -->
       <input type='reset'>
      </td>
     </form>
    </tr>
    ";
}
// ... 循环结束 ...
?>

<script>
$(document).ready(function() {
    // 使用事件委托监听所有以 'save-' 开头的ID的点击事件
    $(document).on('click', '[id^="save-"]', function(e) {
        e.preventDefault(); // 阻止默认行为，如果按钮在form内且type不是button

        // 获取当前点击按钮的父级表单
        // 另一种方式是根据按钮ID解析出表单ID，例如：
        var buttonId = $(this).attr('id'); // e.g., 'save-123'
        var rowId = buttonId.split('-')[1]; // e.g., '123'
        var targetForm = $('#form-' + rowId); // 找到对应的表单

        // 使用 serialize() 方法获取表单的所有数据
        var formData = targetForm.serialize();

        // 可选：添加额外的验证
        // var id = targetForm.find('input[name="id"]').val();
        // if(id == '') {
        //     alert('Form render error.Demographics return empty.');
        //     return false;
        // }

        $.ajax({
            type: 'POST',
            url: 'labbookformhandler.php',
            data: formData, // 直接发送序列化后的数据
            cache: false,
            success: function(data) {
                alert(data);
            },
            error: function(xhr, status, error) {
                console.error(xhr);
            }
        });
    });
});
</script>

<?php
// labbookformhandler.php
include 'connection.php'; // 假设连接数据库

// 检查是否是POST请求
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // 获取通过POST发送的数据
    $id = $_POST['id'] ?? '';
    $fname = $_POST['fname'] ?? '';
    $mname = $_POST['mname'] ?? '';
    $lname = $_POST['lname'] ?? '';
    $uhid = $_POST['uhid'] ?? '';
    $bednumber = $_POST['bednumber'] ?? '';

    $rbs = isset($_POST['rbs']) ? $_POST['rbs'] : ''; // 复选框只有选中时才会发送其值
    $cbc = isset($_POST['cbc']) ? $_POST['cbc'] : '';
    // ... 获取所有其他复选框的值 ...
    $pt = isset($_POST['pt']) ? $_POST['pt'] : '';
    $lft = isset($_POST['lft']) ? $_POST['lft'] : '';
    $ue = isset($_POST['ue']) ? $_POST['ue'] : '';
    $osmo = isset($_POST['osmo']) ? $_POST['osmo'] : '';
    $procal = isset($_POST['procal']) ? $_POST['procal'] : '';
    $tft = isset($_POST['tft']) ? $_POST['tft'] : '';
    $lipid = isset($_POST['lipid']) ? $_POST['lipid'] : '';
    $ammo = isset($_POST['ammo']) ? $_POST['ammo'] : '';

    // 进行数据验证（示例）
    if (empty($id) || empty($uhid) || empty($bednumber)) {
        echo "Error: Required demographic data missing.";
        exit;
    }

    // 构建SQL更新语句（示例）
    // 实际应用中请使用预处理语句防止SQL注入
    $sql = "UPDATE patient_lab_data SET 
                rbs = ?, cbc = ?, pt = ?, lft = ?, ue = ?, osmo = ?, procal = ?, tft = ?, lipid = ?, ammo = ?
            WHERE patient_id = ?";

    // 假设你有一个存储实验室数据的表
    // 这里仅为示例，你需要根据实际数据库结构进行调整
    // 重要的是，你需要将所有收到的数据保存到对应的数据库记录中

    // 示例：使用mysqli预处理语句
    if ($stmt = mysqli_prepare($link, $sql)) {
        mysqli_stmt_bind_param($stmt, "ssssssssssi", 
            $rbs, $cbc, $pt, $lft, $ue, $osmo, $procal, $tft, $lipid, $ammo, $id);

        if (mysqli_stmt_execute($stmt)) {
            echo "Data for patient ID $id saved successfully!";
        } else {
            echo "Error saving data: " . mysqli_error($link);
        }
        mysqli_stmt_close($stmt);
    } else {
        echo "Error preparing statement: " . mysqli_error($link);
    }

    mysqli_close($link);

} else {
    echo "Invalid request method.";
}
?>