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

时间:2017-04-04 08:49:09

标签: javascript html node.js

我是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>

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

1 个答案:

答案 0 :(得分:-1)

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

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

- 保存选项是将dependancie保存到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