将JS变量total传入checkout.php实现Stripe支付金额同步异常问题

1. 核对AJAX参数与PHP接收的一致性 #

先确认JS里AJAX传递的参数名和PHP接收的完全匹配。比如JS代码如果是：

$.ajax({
  url: 'checkout.php',
  method: 'POST',
  data: { total: total }, // 参数名为'total'
  success: function(res) {
    // 处理响应
  }
});

那PHP里必须用$_POST['total']接收，不能出现大小写错误或者拼写偏差（比如写成$_POST['Total']）。

2. 修正数据类型转换逻辑 #

JS里的total可能是字符串类型（比如从DOM输入框获取的值），直接计算会有精度问题；PHP转美分时也必须确保得到整数。

JS端优化： #

先把total转为合法数字再传递：

const numericTotal = parseFloat(total);
if (!isNaN(numericTotal)) {
  $.ajax({
    url: 'checkout.php',
    method: 'POST',
    data: { total: numericTotal.toFixed(2) }, // 保留两位小数避免精度丢失
    success: function(res) {
      // 后续操作
    }
  });
}

PHP端处理： #

接收后先验证有效性，再安全转成美分：

// 先检查参数是否存在且有效
if (isset($_POST['total']) && trim($_POST['total']) !== '') {
  $totalDollars = (float)$_POST['total'];
  $totalCents = (int)round($totalDollars * 100); // 用round规避浮点精度问题
} else {
  $totalCents = 0; // 或设置默认金额/抛出错误提示
}

// 传递给Stripe的unit_amount
$stripe->prices->create([
  'unit_amount' => $totalCents,
  'currency' => 'usd',
  'product' => 'prod_xxxxxx',
]);

3. 排查PHP是否正确接收到值 #

在PHP里临时添加调试代码，确认接收的数值是否符合预期：

var_dump($_POST['total']); // 查看输出的内容和类型
die(); // 终止脚本，直接在浏览器查看结果

如果输出是NULL或空字符串，说明AJAX参数没传对——打开浏览器控制台的Network标签，查看POST请求的Form Data里是否存在total参数，以及参数值是否正确。

4. 确认Stripe参数传递无误 #

检查Stripe创建Price/PaymentIntent的代码，确保unit_amount使用的是转换后的美分变量（比如$totalCents），不要写错变量名，也不要和硬编码值混淆。

5. 避免AJAX异步时序问题 #

如果在AJAX请求完成前就加载了Stripe支付页面，PHP还没拿到total值会默认用0。必须等AJAX请求成功后，再渲染支付组件或跳转到支付页：

$.ajax({
  url: 'checkout.php',
  method: 'POST',
  data: { total: total },
  success: function(res) {
    // 成功后再初始化Stripe支付
    initStripeCheckout();
  },
  error: function(xhr) {
    console.error('AJAX请求失败:', xhr.responseText);
  }
});

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