html - 如何将html表单数据发送到nodejs

Question

Node.js - How to send data from html to express 的答案通过为服务器使用不同的端口解决了我遇到的问题。我想知道实时网站(例如此网站(stackoverflow 的搜索栏))如何使用作为目录(“/search”)的表单操作，而不是类似于链接答案的端口？ Node.js 是否无法监听目录，或者我对 http 请求如何工作一无所知？

Answer 1

您在端口上监听 http 请求。您的前端将在您的 javascript 代码中通过端口向服务器上的路由执行 ajax(异步 javascript 和 xml)请求。

如果您想要一个好的工具来发出简单的 ajax 请求，您可以使用 jQuery 或 Axios，并了解如何使用这些库执行 ajax。

在后端，您的服务器正在监听路由请求的端口。设置一个路由(您称之为目录)来响应对特定 URL 的请求。您提到的示例显示:

app.post('/myaction', function(req, res) {
  res.send('You sent the name "' + req.body.name + '".');
});

Express 是一个后端框架，用于执行各种操作，但最常见的是处理 HTTP 请求和呈现 HTML。因此，在前端，当您向/myaction 发出 ajax 请求时，您可以像这样响应:

app.post('/myaction', function(req, res) {
  res.render('templateFileToRender', { dataToDynamicallyTurnIntoHTML: data } );
});

Express 将渲染您的模板文件，然后将 HTML 发送到您的前端，然后您将使用渲染的 HTML 更新您的前端 div 或其他内容。

如果您想了解更多信息，请发表评论