javascript - 在 Node/Express 中将用户输入从前端传递到后端

Question

我正在尝试制作一个简单的应用程序来解析大量推文。

首先，基本文件结构为:

在首页 (index.html) 上，用户在文本输入字段中输入 Twitter 用户名:

<input type="text" id="user-input" maxlength="25">
<button id="grabInput" onclick="storeInput()">Submit</button>

storeInput()函数位于我的 app.js 中文件位于后端，它可以访问我用来访问 Twitter API 的 Node 模块。

我尝试将脚本元素中的文件路径更改为 <script src="../app.js"></script>但它不起作用。

谁能帮我理解 Node/Express 应用程序中前端如何与后端通信？我非常沮丧，因为我的应用程序的每个“一半”都测试正常，但我无法连接它们。

谢谢!

Answer 1

应应用通用形式 post + express 的执行示例

HTML

<form method="POST" action="/foo-route">
   <input type="text" id="bar" name="bar" />
   <button type="submit">Send</button>
</form>

快速路线

router.post('/foo-route',(req,res) => {
  if(typeof req.body.bar === 'undefined'){
    // The parameter is missing, example response...
    res.status(400).json({ error: 'missing parameter bar', data: null }); // Only an  example
    return;
  }

  let bar = req.body.bar;

  res.status(200).json({ error: null, data: bar }); // We received the value and only to show the example, returns it in a json within the key 'data'

});

上面的例子展示了如何处理来自表单的输入文本，并在后端正确处理。适应你的麻烦应该很容易。如果没有请告诉我。请记住在您的输入中添加字段 name=".."。 <input type="text" id="something" name="myGreatName" /> ，然后使用 req.body.myGreatName 访问它.