AJAX FormData POST请求失效：PHP页面未接收到Payload

问题概述 #

点击agregar-carrito按钮时，通过JavaScript构建FormData并以POST方式发送请求到carrito.php，但PHP页面报错Undefined array key 'REQUEST_METHOD'，执行var_dump($_SERVER)发现REQUEST_METHOD为GET。请求头显示请求方法为POST且状态码200 OK，但PHP无法接收到请求载荷。

原因分析 #

1. jQuery AJAX参数兼容问题：部分jQuery版本对method参数的支持不如type稳定，可能导致请求方式未被正确识别。
2. 未阻止默认行为：虽普通按钮点击无默认跳转逻辑，但如果存在关联交互，可能触发页面意外刷新，最终以GET方式访问carrito.php。
3. JavaScript执行报错：若产品数据获取（如价格文本处理）环节出错，会导致AJAX请求未触发，后续手动访问页面会显示GET请求结果。
4. 请求未实际发送：代码语法错误或依赖缺失，可能导致AJAX请求根本未发送到服务器。

解决方案 #

1. 修正jQuery AJAX请求参数 #

将method替换为type，确保请求方式被正确识别：

$.ajax({
  url: 'carrito.php',
  type: 'POST', // 替换原有的method为type
  data: formData,
  processData: false,
  contentType: false,
  success: function(response) {
    console.log(response);
  },
  error: function(xhr, status, error) {
    console.error(error);
  }
});

2. 添加事件默认行为阻止 #

在按钮点击事件中添加e.preventDefault()，避免意外页面行为干扰AJAX请求：

$('#agregar-carrito').on('click', function(e) {
  e.preventDefault(); // 阻止默认行为
  // 其余获取数据和发送AJAX的代码...
});

3. 检查JavaScript执行错误 #

打开浏览器开发者工具的Console面板，排查语法或数据处理错误，可添加调试日志辅助定位：

console.log('原始价格文本:', precioUnitarioTexto);
precioUnitarioTexto = precioUnitarioTexto.replace(' MXN', '');
precioUnitarioTexto = precioUnitarioTexto.replace('Precio: $', '');
console.log('处理后价格文本:', precioUnitarioTexto);
var precioUnitario = parseFloat(precioUnitarioTexto);
console.log('转换后价格:', precioUnitario);

4. 验证AJAX请求是否发送 #

通过浏览器开发者工具的Network面板，点击按钮后确认：

• 请求方法是否为POST
• Payload或Form Data是否包含发送的参数
• 服务器响应内容是否符合预期

5. 优化PHP接收逻辑 #

针对multipart/form-data格式（FormData默认格式），增加兼容性处理，避免严格依赖$_SERVER["REQUEST_METHOD"]：

<?php
// 兼容POST请求的多种判断方式
$isPost = $_SERVER["REQUEST_METHOD"] === 'POST' || !empty($_POST);
if ($isPost) {
    // 使用$_REQUEST兼容FormData的参数获取
    $cantidad = $_REQUEST['cantidad'] ?? '';
    $nombre = $_REQUEST['nombre'] ?? '';
    $id = $_REQUEST['id'] ?? '';
    $imagen = $_REQUEST['imagen'] ?? '';
    $precioUnitario = $_REQUEST['precioUnitario'] ?? '';
    $precioTotal = $_REQUEST['precioTotal'] ?? '';

    echo "Cantidad: $cantidad, Nombre: $nombre, ID: $id, Imagen: $imagen, Precio Unitario: $precioUnitario, Precio Total: $precioTotal";
} else {
    echo "Método de solicitud incorrecto.";
}
?>

额外排查点 #

• 确认carrito.php的相对路径是否正确，避免请求发送到错误地址
• 检查服务器是否存在重定向规则，导致POST请求被转换为GET请求
• 验证jQuery库是否正确加载，可通过console.log($)查看是否存在jQuery对象

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