请求将Room ID纳入右侧Room Details数据中一同保存

前端数据整合 #

• 从页面获取Room ID：可从URL参数、页面隐藏DOM元素或当前选中房间的状态中提取，比如通过new URLSearchParams(window.location.search).get('roomId')获取URL里的房间ID
• 将Room ID作为字段加入Room Details的提交数据对象，保证字段名和后端接口定义一致：

// 示例：整合表单数据与Room ID
const roomFormData = new FormData(document.getElementById('roomDetailsForm'));
// 添加Room ID到表单数据
roomFormData.append('roomId', '目标房间ID值');

// 或用普通对象形式
const roomDetails = {
  roomName: document.getElementById('roomName').value,
  capacity: Number(document.getElementById('capacity').value),
  roomId: '目标房间ID值'
};

后端存储逻辑 #

• 接口接收参数时，同时接收Room ID和其他Room Details字段
• 确保数据库表包含room_id字段（已有则跳过此步）
• 执行数据写入操作时，将Room ID与其他字段一同插入/更新到数据库，比如SQL示例：

-- 插入数据示例
INSERT INTO room_details (room_id, room_name, capacity, amenities)
VALUES (?, ?, ?, ?);

数据校验环节 #

• 前端提交前校验Room ID非空且格式合法，避免无效数据提交
• 后端接口校验Room ID对应的房间是否真实存在，确保数据关联的正确性

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