1、get.html 代码:
<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>
2、exp_getJson.js
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);
});
3、将以上代码分别另存为get.html 和 exp_getJson.js
4、在当前目录访问:http://127.0.0.1:8081/get,在弹出的页面分别输入关键词
5、submit后服务器返回给用户的信息: