PHP+AJAX+jQuery获取回显textarea文本内容失败问题排查

你遇到的问题由两个核心错误导致：

• jQuery选择器和DOM元素不匹配：HTML里的textarea仅设置了id="comment"、class="form-control"，没有msg类，$('textarea.msg')根本选不到目标输入框，自然拿不到你输入的内容，alert弹出空值就是这个原因。
• 前端没有正确发送POST请求：你贴出的JS代码仅做了取值和alert操作，没有编写AJAX提交逻辑，后端根本接收不到comment参数，PHP读取$_POST['comment']时会触发未定义索引警告，关闭错误显示的情况下就表现为Response无输出，后续数据插入逻辑也无法执行。

1. 修正选择器，正确获取输入值 #

优先使用ID选择器匹配元素，精准度更高，同时提前做内容trim处理：

// 错误写法：匹配不存在的.msg类textarea
// let comment = $('textarea.msg').val()
// 正确写法：通过ID匹配comment输入框
let comment = $('#comment').val().trim();
alert(comment); // 此时就能正常弹出你输入的内容

2. 补全AJAX提交逻辑 #

拿到输入值后，通过POST请求把数据发送到PHP后端：

$.ajax({
    // 替换为你实际的PHP处理文件路径
    url: './comment_handler.php',
    type: 'POST',
    data: {
        comment: comment
    },
    success: function(response) {
        // 请求成功后的回显逻辑，比如把返回内容插入到评论列表区域
        console.log('后端返回：', response);
    },
    error: function(xhr) {
        console.error('请求异常：', xhr.statusText);
    }
});

3. 优化PHP端逻辑，增加合法性判断 #

不要直接读取$_POST数组的下标，先做存在性校验，避免报错：

<?php
// 校验参数是否存在且不为空
if (isset($_POST['comment']) && trim($_POST['comment']) !== '') {
    $comment = trim($_POST['comment']);
    
    // 数据库插入逻辑请使用PDO/MySQLi预处理语句，避免SQL注入
    // 此处省略数据库操作代码
    
    // 输出内容供前端回显
    echo $comment;
} else {
    echo '评论内容不能为空';
    http_response_code(400);
}
?>

• 提交请求时打开浏览器开发者工具的Network面板，查看请求的Payload标签，确认comment参数已正常携带、值和输入内容一致
• 确认AJAX填写的url路径和PHP文件实际路径一致，不存在404问题
• 数据库插入操作必须做预处理，不要直接拼接SQL语句，避免安全漏洞

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