繁体   English   中英

使用与网站交互的html-website运行node.js服务器

[英]Run a node.js server with html-website that interacts with the website

我是node.js和javascript的新手,想学习基础知识。 所以我要做的是运行一个托管html网站的服务器。 在该html网站上应该是一个输入文本字段和一个“发送”按钮。 每次单击发送时,我在输入文本字段中编写的文本都应发送到服务器并打印在控制台上。 到目前为止,我已经尝试了一些方法,但是没有任何效果。

这是server.js的代码:

var http = require('http');
var fs = require('fs');
function handleRequest(request, response) {
    if(request.method == 'GET' && request.url == '/'){
        response.writeHead(200, {"Content-Type": "text/html"});
        fs.createReadStream("./index.html").pipe(response);
    }
}

var server = http.createServer(handleRequest);
server.listen(3000);

这是html网站的代码:index.html

<html>
<head>
<title>title</title>
</head>
<body>
<h1>text field</h1>
<input type="text" id="input1" name="input1">
<input type="submit" id="submitinput1" value="Send" onclick="sendClick()">
</body>
</html>

有人可以解释一下我如何将文本字段与服务器“连接”,以便可以进行交互吗?

为了简化网站的创建,您可以使用express。

要安装它,只需执行: npm install express --save

--save选项是将依赖项保存到package.json中

这是带有介绍和文档的官方网站:

https://expressjs.com/

一些教程:

https://scotch.io/tutorials/use-expressjs-to-deliver-html-files

https://scotch.io/tutorials/build-a-restful-api-using-node-and-express-4

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM