可與用戶交互信息的NodeJs服務器

時間 2019-11-11

標籤可與用戶交互信息 nodejs 服務器简体版

原文原文鏈接

一、get.html 代碼：javascript

<html>
<body>
<form action="http://127.0.0.1:8081/process_get" method="GET">
First Name: <input type="text" name="first_name">  <br>

Last Name: <input type="text" name="last_name">
<input type="submit" value="Submit">
</form>
</body>
</html>

二、exp_getJson.jshtml

var express = require('express');
var app = express();

app.use(express.static('public'));

app.get('/get', function (req, res) {
	console.log("file:"+__dirname + "/" + "get.html");
   res.sendFile(__dirname + "/" + "get.html");
});

app.get('/process_get', function (req, res) {

   // 輸出 JSON 格式
   response = {
       first_name:req.query.first_name,
       last_name:req.query.last_name
   };
   console.log(response);
   res.end(JSON.stringify(response));
});

var server = app.listen(8081, function () {

  var host = server.address().address;
  var port = server.address().port;

  console.log("應用實例，訪問地址爲 http://%s:%s", host, port);

});

三、將以上代碼分別另存爲get.html 和 exp_getJson.jsjava

四、在當前目錄訪問：http://127.0.0.1:8081/get，在彈出的頁面分別輸入關鍵詞express

五、submit後服務器返回給用戶的信息：服務器