如何在客户端将POST请求数据重发至另一PHP页面实现SQL存储？

下面提供两种在客户端环境下，将检索结果页的用户数据重新POST到SQL存储页面的实用方法：

方法1：隐藏表单提交（简单直观） #

在检索结果页面中，用隐藏表单存储从后端获取的所有用户数据，点击确认按钮时触发表单提交：

<!-- 隐藏表单，目标指向存储页面 -->
<form id="saveForm" action="/your-sql-save-path" method="POST">
  <!-- 用隐藏字段存放需要保存的所有数据 -->
  <input type="hidden" name="fullname" value="<%= 后端返回的姓名 %>">
  <input type="hidden" name="birth_date" value="<%= 后端返回的出生日期 %>">
  <input type="hidden" name="address" value="<%= 后端返回的地址 %>">
  <!-- 其他需要传递的字段（如身份证号等） -->
</form>

<!-- 确认保存按钮 -->
<button onclick="document.getElementById('saveForm').submit()">确认保存</button>

注：示例中的<%= ... %>是后端模板语法（如EJS、JSP），用于将后端返回的数据填充到页面中，根据你实际使用的后端框架调整即可。

方法2：Fetch API提交（支持回调处理） #

如果需要在保存后处理成功/失败的提示，用JavaScript的Fetch API发送POST请求更灵活：

<button id="confirmSaveBtn">确认保存</button>

<script>
// 从后端渲染的页面中获取用户数据（这里假设后端将数据注入到全局变量）
const userInfo = {
  fullname: "<%= 后端返回的姓名 %>",
  birth_date: "<%= 后端返回的出生日期 %>",
  address: "<%= 后端返回的地址 %>"
};

// 绑定按钮点击事件
document.getElementById('confirmSaveBtn').addEventListener('click', async () => {
  try {
    const res = await fetch('/your-sql-save-path', {
      method: 'POST',
      headers: {
        // 根据后端接收格式选择：JSON或表单格式
        'Content-Type': 'application/json'
        // 若后端接收表单，改为 'Content-Type': 'application/x-www-form-urlencoded'
      },
      // 对应请求头的格式传递数据
      body: JSON.stringify(userInfo)
      // 表单格式则用：new URLSearchParams(userInfo)
    });

    const responseText = await res.text();
    // 根据后端返回结果给出提示
    responseText.includes('success') ? alert('保存成功') : alert('保存失败');
  } catch (err) {
    console.error('保存请求出错:', err);
    alert('保存出错，请稍后重试');
  }
});
</script>

关键注意点 #

• 确保所有需要存储的字段都被完整传递，不要遗漏
• 敏感数据（如身份证号）需在HTTPS环境下传输，避免泄露
• 后端存储页面必须做好参数校验和SQL注入防护，保障数据安全

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