獲取請求很中的參數是每個web后台處理的必經之路,nodejs的 express框架 提供了四種方法來實現。
-
req.body
-
req.query
-
req.params
-
req.param()
首先介紹第一個req.body
-
官方文檔解釋:
-
Contains key-value pairs of data submitted in the request body. By default, it is undefined,
-
and is populated when you use body-parsing middleware such as body-parser and multer.
-
-
稍微翻譯一下:包含了提交數據的鍵值對在請求的body中,默認是underfined,
-
你可以用body-parser或者multer來解析body
解析body不是nodejs默認提供的,你需要載入body-parser中間件才可以使用req.body
此方法通常用來解析POST請求中的數據
第二種是req.query
-
官方文檔解釋:
-
An object containing a property for each query string parameter in the route.
-
If there is no query string, it is the empty object, {}.
-
翻譯一下:包含在路由中每個查詢字符串參數屬性的對象。如果沒有,默認為{}
有nodejs默認提供,無需載入中間件
舉例說明(官方摘抄):
-
// 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"
此方法多適用於GET請求,解析GET里的參數
第三種是 req.params
-
官方文檔:
-
An object containing properties mapped to the named route “parameters”.
-
For example, if you have the route /user/:name,
-
then the “name” property is available as req.params.name. This object defaults to {}.
-
-
翻譯:包含映射到指定的路線“參數”屬性的對象。
-
例如,如果你有route/user/:name,那么“name”屬性可作為req.params.name。
-
該對象默認為{}。
nodejs默認提供,無需載入其他中間件
舉例說明
-
// GET /user/tj
-
req. params.name
-
// => "tj"
多適用於restful風格url中的參數的解析
req.query與req.params的區別
req.params包含路由參數(在URL的路徑部分),而req.query包含URL的查詢參數(在URL的?后的參數)。
最后一種req.param()
此方法被棄用,請看官方解釋
-
Deprecated. Use either req.params, req.body or req.query, as applicable.
-
翻譯:被棄用,用其他三種方式替換
取得 GET Request 的 Query Strings:
-
GET /test?name=fred&tel=0926xxx572
-
-
app .get('/test', function(req, res) {
-
console.log(req.query.name);
-
console.log(req.query.tel);
-
});
如果是表單且是用 POST method:
-
<form action='/test' method='post'>
-
<input type='text' name='name' value='fred'>
-
<input type='text' name='tel' value='0926xxx572'>
-
<input type='submit' value='Submit'>
-
</form>
-
app.post( '/test', function(req, res) {
-
console.log(req.query.id);
-
console.log(req.body.name);
-
console.log(req.body.tel);
-
});
當然也可以 Query Strings 和 POST method 的表單同時使用:
-
<form action='/test?id=3' method='post'>
-
<input type='text' name='name' value='fred'>
-
<input type='text' name='tel' value='0926xxx572'>
-
<input type='submit' value='Submit'>
-
</form>
-
app.post( '/test', function(req, res) {
-
console.log(req.query.id);
-
console.log(req.body.name);
-
console.log(req.body.tel);
-
});
順帶補充,還有另一種方法傳遞參數給 Server,就是使用路徑的方式,可以利用 Web Server 的 HTTP Routing 來解析,常見於各種 Web Framework。這不算是傳統標准規范的做法,是屬於 HTTP Routing 的延伸應用。
-
GET /hello/fred/0926xxx572
-
-
app .get('/hello/:name/:tel', function(req, res) {
-
console.log(req.params.name);
-
console.log(req.params.tel);
-
});
params和data的區別,即get和post請求的區別,HTTP協議的基礎知識
get請求參數是帶在url上的,必須使用params
post請求是body data使用data
1
2
3
4
5
|
<
form
action="/login" method="post">
Username: <
input
name="username1" type="text" />
Password: <
input
name="password1" type="password" />
<
input
value="Login" type="submit">
</
form
>
|
body:請求體中的數據
query:請求的參數,URL后面以?的形式,例:user?id
params:請求的參數,URL后面以/的形式,例:user/:id