46.Express框架 GET 方法和POST 方法
生活随笔
收集整理的這篇文章主要介紹了
46.Express框架 GET 方法和POST 方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
轉自：http://www.runoob.com/nodejs/nodejs-express-framework.html
GET 方法
以下實例演示了在表單中通過 GET 方法提交兩個參數，我們可以使用 server.js 文件內的?process_get?路由器來處理輸入：
index.htm 文件代碼：
<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>?
server.js 文件代碼：
var express = require('express'); var app = express(); app.use(express.static('public')); app.get('/index.htm', function (req, res) { res.sendFile( __dirname + "/" + "index.htm" ); }) app.get('/process_get', function (req, res) { // 輸出 JSON 格式 var 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) })執行以上代碼：
node server.js 應用實例，訪問地址為 http://0.0.0.0:8081瀏覽器訪問 http://127.0.0.1:8081/index.htm，如圖所示：
現在你可以向表單輸入數據，并提交，如下演示：
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 格式 var 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，如圖所示：
現在你可以向表單輸入數據，并提交，如下演示：
轉載于:https://www.cnblogs.com/sharpest/p/8072809.html
總結
以上是生活随笔為你收集整理的46.Express框架 GET 方法和POST 方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 47.2. 配置 Tomcat 服务器
- 下一篇： ssm整合（基于xml配置方式）