express4.x Request物件獲得引數方法小談
最近看完慕課網 “node.js 建站攻略”後, 對mongodb 操作有了進一步認識, 為了進一步鞏固該資料庫知識, 於是使用學到的知識搭建一個最簡單的mongoDemo.
搭建完成後已放到Github分享, 詳情請戳 mongoDemo原始碼 感興趣的小夥伴可以看看;回到主題, 完成該小專案後對nodejs後臺開發有了一些小悟,本文就req最常用的引數獲取做個小結;
node.js後臺開發基本都會碰到使用 req.param()、req.params 、 req.query、 req.body獲取引數的情況, 那麼它們有哪些區別呢?以下詳細分析之:
1. req.param()
該方法獲得引數最為方便, 可以說是其他三個屬性的綜合體;但是 express 4.x api文件已寫明該方法將會棄用!今後只能改用其他三個req屬性獲取引數。(Ps: 鄙人express4.x專案使用req.param()時不會報錯,但啟動專案時會有警告提示)
該方法的使用如下:
// /user/tobi for /user/:name
req.param('name')
// => "tobi"
// ?name=tobi req.param('name') // => "tobi" // POST name=tobi req.param('name') // => "tobi"
該方法可以獲取
1)express路由器傳遞的引數;
2)位址列引數;
3)postt提交的引數,例如表單中input的值, ajax(非同步)提交的物件值等。
2.req.params
與req.param()方法相比 該屬性只能獲取 “express路由器傳遞的引數”, 值得一提的是: 與req.params配合還能在express路由器中玩正則。
先看下簡單的req.params 使用:
// GET /user/tj req.params.name // => "tj"
完整程式碼中是這樣的:
var express = require('express');var app = express(); // 位址列: localhost:3000/user/tj app.get('/user/:name', function(req, res){ var param = req.params.name res.send('hello world' + param); // hello world tj });
然後看看路由器中神奇的正則使用法,在位址列輸入 localhost:3000/file/javascripts/jquery.js , 而路由中設定了 “/file/*” 時:
// GET /file/javascripts/jquery.js req.params[0] // => "javascripts/jquery.js"
完整程式碼:
var express = require('express'); var app = express(); // 位址列:localhost:3000/file/javascripts/jquery.js app.get('/file/*', function(req, res){ var param = req.params[0]; res.send(param); //javascripts/jquery.js });
ps: 如果沒在路由器設定引數, 則 req.params 獲得的值為空物件 {}
3.req.query
該屬性用法最為簡單, 直接獲取位址列傳遞的引數;示例程式碼如下:
// GET /search?q=tobi+ferret req.query.q // => "tobi ferret" // GET /shoes?order=desc&shoe[color]=blue&shoe[type]=converse req.query.order // => "desc" req.query.shoe.color // => "blue" req.query.shoe.type // => "converse"
完整程式碼:
var express = require('express'); var app = express(); // 位址列: localhost:3000/search?q=tobi+ferret app.get('/search', function(req, res){ var param = req.query.q; res.send(param); //tobi ferret }); // 位址列: localhost:3000/shoes?order=desc&shoe[color]=blue&shoe[type]=converse app.get('/shoes', function(req, res){ var _order = req.query.order; var _color = req.query.shoe.color; var _type = req.query.shoe.type; console.log(_order); // desc console.log(_color); // blue console.log(_type); // converse res.send('hello world'); });
ps: 如果位址列沒傳遞引數, req.query獲得的值也是空物件{}
4. req.body
該屬性主要用與post方法時傳遞引數使用, 用法最為廣泛也最為常見, 例子也比較多(寫這部分最累了有木有)。需要說明下的是使用該屬性時, 得先確認app.js中有沒有匯入“body-parser
”, 該模組在express4.x中已經脫離為獨立的模組。示例程式碼如下:
var app = require('express')(); var bodyParser = require('body-parser'); var multer = require('multer'); app.use(bodyParser.json()); // for parsing application/json app.use(bodyParser.urlencoded({ extended: true })); // for parsing application/x-www-form-urlencoded app.use(multer()); // for parsing multipart/form-data app.post('/', function (req, res) { console.log(req.body); res.json(req.body); })
最常使用req.body的場合有:
4-1 表單post傳遞引數至後臺:
網站中經常用表單傳遞引數給後臺, 在express4.x中使用req.body接收引數, 完整程式碼如下:
<form method="POST" action="add" name="userform" > <input type="text" id="name" name="name" value="xq" class="form-control" /> <input type="text" id="age" name="age" value="12" class="form-control" /> <input type="text" id="job" name="job" value="coder" class="form-control" /> <input type="text" id="hobby" name="hobby" value="run" class="form-control" /> <button type="submit" class="btn btn-primary">提交新增</button> </form>
var express = require('express'); var router = express.Router(); router.route('/add').post(function(req, res){ var userObj = {}; userObj = { name: req.body.name, age: req.body.age, job: req.body.job, hobby: req.body.hobby }; console.log(userObj); // {name:'xq',age:'12',job:'coder',hobby:'run'} });
4-2 jquery ajax傳遞引數至後臺:
網站開發當然少不了使用非同步傳遞引數給後臺, express4.x中也是以req.body接收非同步傳遞的引數, 完整程式碼如下:
var _id = '123456'; $.post('/user/delete', {id: _id}, function(data){ if (data.error){ $('#removeTips').html('刪除異常:' + data.error + ' 請重新整理重試。'); }else{ window.location.href = '/admin/'; } }, 'json');
var express = require('express'); var router = express.Router(); router.route('/user/delete').post(function(req, res){ var _id = req.body.id; console.log(_id); // 123456 res.json({result: 'success'}); });
ps: 如果post給後臺沒有傳遞任何引數時, req.body的值當然也是空物件{}
參考文件:
http://expressjs.com/api.html#request
轉載自:http://www.cnblogs.com/wteam-xq/p/4316832.html?utm_source=tuicool&utm_medium=referral