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

标签 html node.js forms

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

最佳答案

您在端口上监听 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 或其他内容。

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

关于html - 如何将html表单数据发送到nodejs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55620646/

相关文章:

php - 如何自动将以前的表单选择加载到自身中,并对所有选定的类型进行一次查询?

css - 我无法将一个 DIV float 到另一个 DIV 旁边的问题

html - 如何显示天气图标

node.js - 异步转换流不能并行工作吗?

javascript - 如何在客户端显示套接字io对象值?

python - django 中最终用户的动态表单

css - 在调整大小时中心切片响应式 svg 图像

html - 固定位置 div 的 CSS 溢出问题

javascript - Node int溢出?

Python session 、cookie 和网络