如何用jQuery AJAX传递div ID给PHP函数及POST值接收问题排查

核心问题：PHP函数未被调用 #

你定义了FetchIdNumber()函数，但没有在PHP文件中执行调用，导致函数内的逻辑根本没运行，自然无法返回POST参数的内容。

修复步骤 #

1. 调用PHP函数

修改phpFunc.php，在函数定义后添加调用语句：

function FetchIdNumber(){
    if ($_SERVER['REQUEST_METHOD'] === 'POST') {
        // 检查divId参数是否存在
        if (isset($_POST['divId'])) {
            $id = $_POST['divId'];
            echo "ID: " . $id;
            return $id;
        } else {
            echo "错误：未接收到divId参数";
        }
    } else {
        echo "错误：仅接受POST请求";
    }
};

// 必须调用函数才会执行内部逻辑
FetchIdNumber();

2. 验证AJAX请求的正确性

在JS代码中添加日志和错误处理，排查请求是否正常发送：

$(document).ready(function() {
    $('.openModal').click(function() {
        var divId = $(this).attr('id');
        console.log("当前获取的ID：", divId); // 确认是否正确拿到元素ID
        
        $.ajax({
            type: 'POST',
            url: 'http://localhost/icollegati/phpFunction/phpFunc.php',
            data: {divId: divId},
            success: function(response) {
                console.log("服务器响应：", response);
            },
            error: function(xhr, status, err) {
                console.error("请求失败：", status, err); // 捕获请求错误
            }
        });
    });
});

3. 额外排查点

• 打开浏览器开发者工具的「网络」面板，查看POST请求的Form Data里是否包含divId参数
• 直接访问http://localhost/icollegati/phpFunction/phpFunc.php，确认文件路径正确且能正常加载
• 检查是否存在跨域问题（本地localhost同域名/端口下一般不会出现，若端口不同需额外处理）

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