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

问题描述 投票:1回答:1

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

html node.js html-form
1个回答
0
投票

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

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

© www.soinside.com 2019 - 2024. All rights reserved.