无法将HTML textarea值传入PHP变量，博客评论无法存入数据库

嘿，我来帮你定位这个评论内容获取不到的问题！结合你给出的前端代码片段，咱们从几个常见方向逐一排查：

1. 先检查textarea标签是否正确闭合 #

你给出的代码片段里，<textarea>标签看起来没写完闭合标签</textarea>。如果标签没有正确闭合，浏览器DOM解析可能会出现异常，导致JS无法正确获取到输入的内容。

修正后的完整代码应该是这样：

<div align="center">
  <h3>Comentarii:</h3>
  <form method="POST">
    <textarea rows="4" cols="50" name="comentariu" placeholder="Comenteaza"></textarea>
    <!-- 记得加上提交按钮，否则无法触发表单提交逻辑 -->
    <button type="submit">Trimite Comentariu</button>
  </form>
</div>

2. 确认AJAX请求是否正确携带了评论内容 #

既然你能拿到用户和文章信息，那重点要检查AJAX请求里有没有把textarea的值传出去。这里给你两个常见的实现示例：

原生JS写法： #

const commentForm = document.querySelector('form');
commentForm.addEventListener('submit', function(e) {
  e.preventDefault(); // 阻止表单默认提交行为
  // 正确获取textarea的输入值
  const comentariuContent = document.querySelector('textarea[name="comentariu"]').value.trim();
  const userId = /* 你的登录用户ID变量 */;
  const articleId = /* 当前文章ID变量 */;

  // 发起AJAX请求
  fetch('/submit-comment', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded',
    },
    // 确保comentariu字段被包含在请求参数里
    body: `userId=${userId}&articleId=${articleId}&comentariu=${encodeURIComponent(comentariuContent)}`
  })
  .then(response => response.json())
  .then(data => {
    console.log('提交结果:', data);
    // 这里可以做页面更新逻辑，比如新增评论展示
  });
});

jQuery写法： #

$('form').submit(function(e) {
  e.preventDefault();
  // 用serialize()自动收集所有表单字段，包括textarea
  const formData = $(this).serialize();
  // 或者手动构造数据（适合额外拼接用户/文章ID的场景）：
  // const formData = {
  //   userId: /* 用户ID */,
  //   articleId: /* 文章ID */,
  //   comentariu: $('textarea[name="comentariu"]').val().trim()
  // };

  $.ajax({
    url: '/submit-comment',
    method: 'POST',
    data: formData,
    success: function(data) {
      console.log('提交成功:', data);
      // 执行AJAX更新页面的逻辑
    }
  });
});

你可以打开浏览器开发者工具的Network标签，查看提交的POST请求的Form Data/Payload，确认comentariu字段是否存在且值正确。

3. 后端接收字段名必须和前端匹配 #

前端textarea的name属性是comentariu，后端必须用完全相同的键来获取值。举两个常见后端语言的示例：

PHP示例： #

// 确保用comentariu作为键获取值
$comentariu = $_POST['comentariu'];
$userId = $_POST['userId'];
$articleId = $_POST['articleId'];

// 插入数据库的逻辑
$sql = "INSERT INTO comments (user_id, article_id, content) VALUES (?, ?, ?)";
$stmt = $pdo->prepare($sql);
// 注意把获取到的comentariu传入参数
$stmt->execute([$userId, $articleId, $comentariu]);

Python Flask示例： #

from flask import request

@app.route('/submit-comment', methods=['POST'])
def submit_comment():
    # 对应前端的name="comentariu"
    comentariu = request.form.get('comentariu')
    userId = request.form.get('userId')
    articleId = request.form.get('articleId')

    # 插入数据库的逻辑
    # new_comment = Comment(user_id=userId, article_id=articleId, content=comentariu)
    # db.session.add(new_comment)
    # db.session.commit()
    
    return {'status': 'success', 'message': '评论已提交'}

如果后端写成了content或者其他名字，自然拿不到评论内容。

4. 处理空值或默认空格问题 #

你原来的textarea标签中间有空格（<textarea> </textarea>），如果用户没输入内容就提交，可能会存入空值。可以在前端提交前做个简单校验：

const comentariuContent = document.querySelector('textarea[name="comentariu"]').value.trim();
if (!comentariuContent) {
  alert('请输入评论内容再提交！');
  return; // 阻止后续提交逻辑
}

先从这几个点排查，应该能快速找到问题所在！

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