使用AJAX通过POST传递数据失败问题求助

兄弟，我帮你排查下问题——你的代码里有两个关键坑导致数据没传成功：

1. AJAX异步请求被跳转中断：AJAX是异步执行的，你在success回调里直接用window.location跳转页面，会导致浏览器终止还在处理中的AJAX请求，服务器可能根本没接收到完整的数据。
2. 跳转后的页面拿不到AJAX的POST数据：就算AJAX请求真的发送成功了，你跳转到phppage.php是一个全新的HTTP请求，这个请求里完全不会包含之前AJAX POST的参数，所以你在phppage.php里自然拿不到值。

下面给你两种针对性的解决方案，看你实际需求选：

方案一：用表单提交替代AJAX（最适合跳转场景） #

如果你的核心需求就是提交两个下拉框的值后跳转到phppage.php，其实完全不需要AJAX，直接用表单POST提交更简单可靠：

<!-- 把下拉框放到表单里 -->
<form action="phppage.php" method="POST">
  <select id="ClienteDeLista" name="DeLista">
    <!-- 这里填你的下拉选项 -->
  </select>
  <select id="ClienteParaLista" name="AteLista">
    <!-- 这里填你的下拉选项 -->
  </select>
  <button type="submit" id="CreateHTMLReport">生成报告</button>
</form>

点击按钮后，浏览器会直接把两个下拉框的值POST到phppage.php，你在后端用$_POST['DeLista']和$_POST['AteLista']就能直接拿到值，全程没有异步问题。

方案二：必须用AJAX的场景（比如需要先让main.php处理数据） #

如果你的逻辑是：先把数据发给main.php处理（比如存数据库、生成文件），处理完再跳转到phppage.php，那可以让main.php返回跳转地址，再在AJAX回调里跳转：

前端AJAX修改： #

$('#CreateHTMLReport').click(function(e) {
  // 阻止按钮默认的提交行为（如果按钮在表单内）
  e.preventDefault();
  
  var DeLista = document.getElementById('ClienteDeLista').value;
  var AteLista = document.getElementById('ClienteParaLista').value;
  
  $.ajax({
    url: "main.php",
    type: "POST",
    data: { 
      DeLista: DeLista, 
      AteLista: AteLista 
    },
    success: function(response) {
      // 解析后端返回的跳转指令
      var res = JSON.parse(response);
      if(res.redirect_url) {
        window.location = res.redirect_url;
      }
    },
    error: function() {
      alert('数据提交失败，请重试');
    }
  });
});

后端main.php示例： #

<?php
// 接收AJAX传递的数据
$deLista = $_POST['DeLista'] ?? '';
$ateLista = $_POST['AteLista'] ?? '';

// 这里写你的数据处理逻辑：比如保存到数据库、生成报告文件等
// ...

// 处理完成后，返回跳转地址
echo json_encode([
  'redirect_url' => 'phppage.php'
]);
exit;

最后提醒个小细节：AJAX里的参数键名是DeLista和AteLista，后端接收时要严格对应这个大小写，别写错啦！

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