PHP集成Stripe支付：如何将前端隐藏表单的email传入create.php设置receipt_email

核心问题定位 #

当前前端虽然已经通过DOM获取到了隐藏输入框的邮箱值，但在构造fetch请求体时没有将该值和原有的购物车字段一起发送，导致后端create.php无法读取到邮箱参数，不需要切换原有JSON请求的格式，只需要在同一个请求体中携带邮箱字段即可兼容现有逻辑。

具体修改步骤 #

1. 调整前端client.js的请求体构造 #

你之前已经单独定义了存储邮箱值的变量，但没有把它合并到实际发送的请求对象里，直接将邮箱值和原有items字段放在同一个JSON结构中发送，完全不需要改用FormData格式：

// 原有购物车字段保留
const purchase = {
  items: [{ id: "shirt" }],
  // 直接取隐藏域的邮箱值，合并到请求对象中
  receiptEmail: document.getElementById("email").value.trim()
};

// 原有fetch逻辑无需大改，保持JSON请求格式
fetch("create.php", {
  method: "POST",
  headers: {
    "Content-Type": "application/json"
  },
  // 直接序列化合并后的对象，即可同时携带购物车数据和邮箱值
  body: JSON.stringify(purchase)
})

2. 调整后端create.php的参数读取逻辑 #

原有后端读取POST JSON的逻辑完全可以复用，只需要从解析后的JSON对象中取出对应的邮箱值，赋值给PaymentIntent的receipt_email参数即可：

function calculateOrderAmount(array $items): int {
  // 原有金额计算逻辑保留
  return 1400;
}

header('Content-Type: application/json');

try {
  // 原有读取POST JSON的逻辑保留，这里建议给json_decode加第二个参数true，转成关联数组
  $json_str = file_get_contents('php://input');
  $json_obj = json_decode($json_str, true);

  $paymentIntent = \Stripe\PaymentIntent::create([
    'amount' => calculateOrderAmount($json_obj['items']),
    'currency' => 'usd',
    // 直接从解析后的请求体中取邮箱值，用空合并运算符兜底避免未定义键报错
    'receipt_email' => $json_obj['receiptEmail'] ?? null
  ]);

注意事项 #

• 取值建议加简单校验：拿到前端传来的邮箱值后，可以用filter_var($value, FILTER_VALIDATE_EMAIL)做基础格式校验，校验不通过就不传receipt_email参数，避免Stripe接口因格式不合法返回错误。
• 不需要更换请求格式：原本的JSON请求逻辑和后端读取php://input的处理已经完全适配，混入邮箱字段不会对原有支付流程造成影响。
• 尽量给所有从前端传来的参数加兜底处理，避免因为前端字段缺失导致后端PHP抛出未定义索引的运行错误。

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