使用单AJAX处理两个表单时，无法区分主/嵌套表单的问题求助

你遇到的问题根源在于AJAX代码里用了全局选择器获取表单字段值——不管提交的是哪个表单，$(".main_comment").val()都会抓取页面上第一个匹配到的.main_comment元素的值（也就是主表单里的隐藏输入框），所以哪怕提交的是嵌套评论表单，这个true值依然会被发送到后端，导致PHP输出true。

核心思路是只读取触发提交事件的当前表单内部的元素值，而不是全局查找。我们可以用$(this)定位当前提交的表单，再通过.find()方法在这个表单范围内搜索对应的输入字段。

修改后的AJAX代码 #

$('.commentform').on('submit', function(e){
    e.preventDefault();
    const $currentForm = $(this); // 存储当前提交的表单对象
    // 仅在当前表单内查找对应字段，没有则设为null/空字符串
    const main_comment = $currentForm.find(".main_comment").val() || null;
    const comment_name = $currentForm.find(".comment_name").val() || '';
    const nested_comment_name = $currentForm.find(".nested_comment_name").val() || '';

    $.ajax({
        url: 'comment.php',
        type: 'POST',
        data: {
            main_comment: main_comment,
            comment_name: comment_name,
            nested_comment_name: nested_comment_name,
        },
        // 建议添加回调方便调试结果
        success: function(response) {
            console.log('提交反馈:', response);
        },
        error: function(xhr, status, error) {
            console.error('提交出错:', error);
        }
    });
});

调整后端PHP代码（comment.php） #

因为嵌套表单提交时不会携带main_comment字段（或者值为null），后端需要先判断字段是否存在，避免出现Undefined index错误：

// 先检查字段是否存在，再赋值
$main_comment = isset($_POST['main_comment']) ? $_POST['main_comment'] : false;
// 根据值区分处理逻辑
if ($main_comment) {
    echo '收到主评论，提交人：' . $_POST['comment_name'];
} else {
    echo '收到嵌套评论，提交人：' . $_POST['nested_comment_name'];
}

额外优化建议 #

• 可以给两个表单分别添加专属类（比如main-comment-form和nested-comment-form），后续区分逻辑会更直观，不用依赖内部隐藏字段；
• 表单提交前增加前端验证，比如检查输入框是否为空；
• 后端处理时建议对提交的数据做过滤/转义，避免安全风险。

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