关于Express中能否使用document.getElementById()及前端数据传递的技术咨询

1. Express里能不能用document.getElementById()？ #

不行。document.getElementById()是浏览器专属的DOM操作API，只能在浏览器环境中操作页面元素。Express是Node.js的后端框架，运行在服务器上，服务器没有浏览器的DOM环境，根本无法调用这个方法。

2. 能不能把用户文本输入存入Node.js变量？ #

当然可以，这是Web开发中很基础的后端接收前端数据的场景，用普通HTTP请求就能实现，不需要直接用WebSockets。给你个简单的实现示例：

后端（Express）代码 #

const express = require('express');
const app = express();

// 解析请求体，支持表单和JSON格式
app.use(express.urlencoded({ extended: true }));
app.use(express.json());

// 用来存储用户输入的变量（注意：服务器重启后数据会丢失，要持久化需使用数据库）
let storedUserInput = '';

// 处理前端提交请求
app.post('/save-input', (req, res) => {
  storedUserInput = req.body.userContent; // 对应前端传入的字段名
  res.send('输入已保存');
});

app.listen(3000, () => {
  console.log('服务器运行在http://localhost:3000');
});

前端代码 #

可选择表单提交或AJAX两种方式：

<!-- 表单提交方式 -->
<form action="/save-input" method="POST">
  <input type="text" name="userContent" placeholder="输入内容">
  <button type="submit">提交</button>
</form>

<!-- AJAX方式（更灵活） -->
<script>
  async function saveInput() {
    const inputVal = document.getElementById('userInput').value;
    await fetch('/save-input', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ userContent: inputVal })
    });
    alert('保存成功');
  }
</script>
<input type="text" id="userInput">
<button onclick="saveInput()">保存</button>

如果需要长期保存用户输入，不要存在内存变量里，改用MongoDB、MySQL这类数据库即可。

3. 什么时候需要用WebSockets？ #

如果你的需求是实时双向通信（比如在线聊天、实时数据更新、多人协作编辑），那WebSockets才是必要的。要是只是普通的用户输入提交、单次数据传输，用上面的HTTP请求就足够了，没必要用WebSockets，反而会增加复杂度。

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