新手求助：如何通过Ajax将下拉选择框值传递至PHP脚本？

Hey there! Let's fix up your code step by step—no worries, everyone starts out with little mistakes like these 😊

主要问题点 #

• AJAX数据格式错误：你写的 data: {'x1'} 是无效语法，需要用键值对的形式传递参数，这样PHP才能正确识别并接收。
• 文件路径混淆：看起来你把script.php的PHP代码直接写在了前端<script>标签里，这不对哦，应该把那段PHP代码单独放到script.php文件中（如果原本想请求ajaxData.php，就把AJAX的url对应调整）。
• PHP端缺少参数校验：直接取$_POST['x1']如果没收到参数会报错，最好先判断参数是否存在。

修正后的前端代码 #

<select id="x1"> 
  <option value="country">Country</option> 
  <option value="city">City</option> 
</select> 

<script type="text/javascript"> 
$(document).ready(function(){ 
  $('#x1').on('change',function(){ 
    var selectedValue = $(this).val(); 
    if(selectedValue){ 
      $.ajax({ 
        type: 'POST', 
        url: 'script.php', // 对应你要接收参数的PHP文件路径
        data: {'x1': selectedValue}, // 正确的键值对格式，把选中值传给PHP的x1参数
        success: function(data){ 
          console.log("请求成功，返回数据：", data); 
        },
        error: function(xhr, status, error){
          console.log("请求出错：", error); // 增加错误回调，方便调试问题
        } 
      }); 
    } 
  }); 
}); 
</script>

修正后的PHP代码（script.php） #

<?php
// 先检查参数是否存在，避免Undefined index错误
if(isset($_POST['x1'])){
    $var1 = $_POST['x1'];
    print_r($var1);
} else {
    echo "未收到参数x1";
}
?>

关键改动说明 #

1. AJAX的data参数改成了{'x1': selectedValue}，明确把下拉框选中的值以x1为键名传递给PHP。
2. 新增了AJAX的error回调，方便你排查请求失败的原因（比如文件路径错误、服务器问题等）。
3. PHP端增加isset()判断，确保在没有收到参数时不会抛出错误，同时给出友好提示。

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