motto - Express 4.x Request对象获得参数方法
2024-08-27 16:11:18
本文搜索关键字：motto express node js nodejs javascript request body request.body
1. req.param()
该方法获得参数最为方便， 可以说是其他三个属性的综合体；但是 express 4.x api文档已写明该方法将会弃用！所以不推荐使用！
该方法的使用如下：
// /user/tobi for /user/:name
req.param('name')
// => "tobi"
// ?name=tobi
req.param('name')
// => "tobi"
// POST name=tobi
req.param('name')
// => "tobi"
该方法可以获取：
- express路由器传递的参数;
- 地址栏参数；
- 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);
});
4.1. 最常使用req.body的场合有：
4.1.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.1.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的值当然也是空对象{}
最新文章
- MVC5+EF6 Code First 从零开始——第一章
- Oracle学习系列5
- 生产环境下一定要开启mysqlbinlog
- [LeetCode]题解（python）：047-Permutations II
- Jmeter使用之常用函数介绍
- sublimetext3 安装php语法检测
- 使用DataList 分页方法
- Shell 获取当前时间
- php前端控制器设计1
- Android NDK 简单介绍、工具安装、环境配置
- oracle12c（oracle12.1.0.1.0）安装指南--实测OEL5.9（RH5）
- 在ubuntu上部署hadoop时出现的问题
- git教程（简单的带你学好git）
- grep&正则表达式
- TS Eslint规则说明
- POJ 2007 Scrambled Polygon [凸包 极角排序]
- C++数据个数未知情况下的输入方法
- ACE入门——ACE构建
- Oracle——多表查询
- git add . 提示 `Changes not staged for commit`