Node.js - 如何从 html 发送数据来表达
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/15568851/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Node.js - How to send data from html to express
提问by royb
this is form example in html:
这是 html 中的表单示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS3 Contact Form</title>
</head>
<body>
<div id="contact">
<h1>Send an email</h1>
<form action="/myaction" method="post">
<fieldset>
<label for="name">Name:</label>
<input type="text" id="name" name="name" placeholder="Enter your full name" />
<label for="email">Email:</label>
<input type="email" id="email" placeholder="Enter your email address" />
<label for="message">Message:</label>
<textarea id="message" placeholder="What's on your mind?"></textarea>
<input type="submit" value="Send message" />
</fieldset>
</form>
</div>
</body>
</html>
and this is node.js function that run on the server:
这是在服务器上运行的 node.js 函数：
var sys = require('sys'),
http = require('http');
http.createServer(function (req, res) {
switch (req.url)
case '/myaction':
res.end(?????);
break;
}
}).listen(8080);
sys.puts('Server running at http://127.0.0.1:8080/');
I have 2 questions:
我有两个问题：
- How can I call
myactionfunction in the node.js from the html page? Because the html file runs on port 80 and node.js on 8080 (when I try to move the node.js to port 80 it writes "// Unhandled 'error' event") - In the node.js function where I put "?????" how can I get data from the html form. When I type req.html.body.name I don't get the data...
- 如何
myaction从 html 页面调用node.js 中的函数？因为 html 文件在 80 端口和 8080 上的 node.js 上运行（当我尝试将 node.js 移动到端口 80 时，它会写入“// Unhandled 'error' event”） - 在 node.js 函数中，我放了“?????” 如何从 html 表单中获取数据。当我输入 req.html.body.name 我没有得到数据...
回答by robertklep
Using http.createServeris very low-level and really not useful for creating web applications as-is.
使用http.createServer是非常低级的，对于按原样创建 Web 应用程序真的没有用。
A good framework to use on top of it is Express, and I would seriously suggest using it. You can install it using npm install express.
在它之上使用的一个很好的框架是 Express，我强烈建议使用它。您可以使用npm install express.
When you have, you can create a basic application to handle your form:
当你有时，你可以创建一个基本的应用程序来处理你的表单：
var express = require('express');
var bodyParser = require('body-parser');
var app = express();
//Note that in version 4 of express, express.bodyParser() was
//deprecated in favor of a separate 'body-parser' module.
app.use(bodyParser.urlencoded({ extended: true }));
//app.use(express.bodyParser());
app.post('/myaction', function(req, res) {
res.send('You sent the name "' + req.body.name + '".');
});
app.listen(8080, function() {
console.log('Server running at http://127.0.0.1:8080/');
});
You can make your form point to it using:
您可以使用以下方法使表单指向它：
<form action="http://127.0.0.1:8080/myaction" method="post">
The reason you can't run Node on port 80 is because there's already a process running on that port (which is serving your index.html). You could use Express to also serve static content, like index.html, using the express.staticmiddleware.
您不能在端口 80 上运行 Node 的原因是该端口上已经有一个进程在运行（它正在为您的index.html. 您还可以使用 Express 来提供静态内容，例如index.html使用express.static中间件。
回答by Programmerion
I'd like to expand on Obertklep's answer. In his example it is an NPM module called body-parserwhich is doing most of the work. Where he puts req.body.name, I believe he/she is using body-parserto get the contents of the name attribute(s) received when the form is submitted.
我想扩展Obertklep的答案。在他的示例中，它是一个 NPM 模块body-parser，它完成了大部分工作。他放在哪里req.body.name，我相信他/她正在使用body-parser来获取提交表单时收到的 name 属性的内容。
If you do not want to use Express, use querystringwhich is a built-in Node module. See the answers in the link below for an example of how to use querystring.
如果您不想使用 Express，请使用querystring它是一个内置的 Node 模块。有关如何使用querystring.
It might help to look at this answer, which is very similar to your quest.
查看这个答案可能会有所帮助，它与您的任务非常相似。
