JavaScript

超轻量级php框架startmvc

Node.js Express 框架 POST方法详解

更新时间:2020-04-21 00:26:37 作者:startmvc
POST方法以下实例演示了在表单中通过POST方法提交两个参数,我们可以使用server.js文件内的p

POST 方法

以下实例演示了在表单中通过 POST 方法提交两个参数,我们可以使用 server.js 文件内的 process_post 路由器来处理输入:

index.htm 文件代码修改如下:


<html>
<body>
<form action="http://127.0.0.1:8081/process_post" method="POST">
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>

server.js 文件代码修改如下:


var express = require('express');
var app = express();
var bodyParser = require('body-parser');

// 创建 application/x-www-form-urlencoded 编码解析
var urlencodedParser = bodyParser.urlencoded({ extended: false })

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

app.get('/index.htm', function (req, res) {
 res.sendFile( __dirname + "/" + "index.htm" );
})

app.post('/process_post', urlencodedParser, function (req, res) {

 // 输出 JSON 格式
 response = {
 first_name:req.body.first_name,
 last_name:req.body.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)

})

执行以上代码:


$ node server.js

应用实例,访问地址为 http://0.0.0.0:8081

浏览器访问 http://127.0.0.1:8081/index.htm

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

node express post nodejs express post