在快递中"?"后如何访问GET参数?



我知道如何获得这样的查询参数:

app.get('/sample/:id', routes.sample);

在这种情况下,我可以使用req.params.id来获取参数(例如/sample/2中的2)。

但是,对于像/sample/2?color=red这样的url,我如何访问变量color ?

我尝试了req.params.color,但它没有工作。

因此,在检查出express引用后,我发现req.query.color将返回我正在寻找的值。

点播。params指的是URL和req中带有':'的项。查询指的是与'?'

的例子:

GET /something?color1=red&color2=blue

然后在express中,处理程序:

app.get('/something', (req, res) => {
    req.query.color1 === 'red'  // true
    req.query.color2 === 'blue' // true
})

查询,用于获取路由中查询字符串参数中的值。参考req.query。假设在一个路由中,http://localhost:3000/?name=satyam你想获取name参数的值,那么你的get路由处理程序将像这样运行

app.get('/', function(req, res){
    console.log(req.query.name);
    res.send('Response send to client::'+req.query.name);
});

查询字符串和参数不一致

你需要在一个路由url

中同时使用

请检查下面的例子可能对你有用。

app.get('/sample/:id', function(req, res) {
 var id = req.params.id; //or use req.param('id')
  ................
});

获取链接传递你的第二个片段是你的id示例:http://localhost:port/sample/123

如果您遇到问题,请使用传递变量作为查询字符串使用'?"操作符

  app.get('/sample', function(req, res) {
     var id = req.query.id; 
      ................
    });

获取链接您喜欢这个例子:http://localhost:port/sample?id=123

在一个例子中

app.get('/sample/:id', function(req, res) {
 var id = req.params.id; //or use req.param('id')
 var id2 = req.query.id; 
  ................
});

获取链接示例:http://localhost:port/sample/123?id=123

更新: req.param()现在已弃用,所以以后不要使用这个答案


你的答案是首选的方式来做到这一点,但是我想我应该指出,你也可以访问url, post,和路由参数都与req.param(parameterName, defaultValue)

在你的例子中:

var color = req.param('color');

来自快递指南:

查找按以下顺序执行:

  • req.params
  • req.body
  • req.query

注意指南中有如下说明:

直接访问请求。身体,点播。参数和请求。查询应该是支持清晰-除非您真正接受来自每个对象的输入。

然而,在实践中,我发现req.param()足够清晰,并且使某些类型的重构更容易。

@Zugwait的答案是正确的。req.param()已弃用。您应该使用req.paramsreq.queryreq.body

为了更清楚一点:

req.params将只使用路由值填充。也就是说,如果您有类似/users/:id的路由,则可以访问req.params.idreq.params['id']中的id

req.queryreq.body将使用所有参数填充,无论它们是否在路由中。当然,查询字符串中的参数将在req.query中可用,而帖子主体中的参数将在req.body中可用。

因此,回答您的问题,由于color不在路由中,您应该能够使用req.query.colorreq.query['color']获得它。

快递手册说你应该使用req。查询访问QueryString.

// Requesting /display/post?size=small
app.get('/display/post', function(req, res, next) {
  var isSmall = req.query.size === 'small'; // > true
  // ...
});
const express = require('express')
const bodyParser = require('body-parser')
const { usersNdJobs, userByJob, addUser , addUserToCompany } = require ('./db/db.js')
const app = express()
app.set('view engine', 'pug')
app.use(express.static('public'))
app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())
app.get('/', (req, res) => {
  usersNdJobs()
    .then((users) => {
      res.render('users', { users })
    })
    .catch(console.error)
})
app.get('/api/company/users', (req, res) => {
  const companyname = req.query.companyName
  console.log(companyname)
  userByJob(companyname)
    .then((users) => {
      res.render('job', { users })
    }).catch(console.error)
})
app.post('/api/users/add', (req, res) => {
  const userName = req.body.userName
  const jobName = req.body.jobName
  console.log("user name = "+userName+", job name : "+jobName)
  addUser(userName, jobName)
    .then((result) => {
      res.status(200).json(result)
    })
    .catch((error) => {
      res.status(404).json({ 'message': error.toString() })
    })
})
app.post('/users/add', (request, response) => {
  const { userName, job } = request.body
  addTeam(userName, job)
  .then((user) => {
    response.status(200).json({
      "userName": user.name,
      "city": user.job
    })
  .catch((err) => {
    request.status(400).json({"message": err})
  })
})
app.post('/api/user/company/add', (req, res) => {
  const userName = req.body.userName
  const companyName = req.body.companyName
  console.log(userName, companyName)
  addUserToCompany(userName, companyName)
  .then((result) => {
    res.json(result)
  })
  .catch(console.error)
})
app.get('/api/company/user', (req, res) => {
 const companyname = req.query.companyName
 console.log(companyname)
 userByJob(companyname)
 .then((users) => {
   res.render('jobs', { users })
 })
})
app.listen(3000, () =>
  console.log('Example app listening on port 3000!')
)

您可以简单地使用req.query作为get查询参数:

app.get('/', (req, res) => {
    let color1 = req.query.color1
    let color2 = req.query.color2
})

url模块提供了URL解析和解析的实用程序。不使用Express的URL解析:

const url = require('url');
const queryString = require('querystring');
let rawUrl = 'https://stackoverflow.com/?page=2&size=3';
let parsedUrl = url.parse(rawUrl);
let parse = queryString.parse(parsedUrl.query);
// parse = { page: '2', size: '3' }

的另一种方法:

const url = require('url');
app.get('/', (req, res) => {
  const queryObject = url.parse(req.url,true).query;
});

url.parse(req.url,true).query返回{ color1: 'red', color2: 'green' }.
url.parse(req.url,true).host返回'localhost:8080'.
url.parse(req.url,true).search返回'?color1=red&color2=green'.

就用app.get:

app.get('/some/page/here', (req, res) => {
    console.log(req.query.color) // Your color value will be displayed
})

你可以在expressjs.com文档api中看到它:http://expressjs.com/en/api.html

我在express上的一些应用程序中开始使用的一个很好的技术是创建一个对象,该对象合并了express的请求对象的查询,参数和body字段。

//./express-data.js
const _ = require("lodash");
class ExpressData {
    /*
    * @param {Object} req - express request object
    */
    constructor (req) {
        //Merge all data passed by the client in the request
        this.props = _.merge(req.body, req.params, req.query);
     }
}
module.exports = ExpressData;

然后在控制器主体中,或者在express请求链范围内的任何其他地方,您可以使用如下内容:

//./some-controller.js
const ExpressData = require("./express-data.js");
const router = require("express").Router();

router.get("/:some_id", (req, res) => {
    let props = new ExpressData(req).props;
    //Given the request "/592363122?foo=bar&hello=world"
    //the below would log out 
    // {
    //   some_id: 592363122,
    //   foo: 'bar',
    //   hello: 'world'
    // }
    console.log(props);
    return res.json(props);
});

这使得"钻研"用户可能随其请求发送的所有"自定义数据"变得很方便。

注意

为什么是'props'字段?因为这是一个精简的代码片段,所以我在我的许多api中使用了这种技术,我还将身份验证/授权数据存储到该对象中,示例如下。

/*
 * @param {Object} req - Request response object
*/
class ExpressData {
    /*
    * @param {Object} req - express request object
    */
    constructor (req) {
        //Merge all data passed by the client in the request
        this.props = _.merge(req.body, req.params, req.query);
        //Store reference to the user
        this.user = req.user || null;
        //API connected devices (Mobile app..) will send x-client header with requests, web context is implied.
        //This is used to determine how the user is connecting to the API 
        this.client = (req.headers) ? (req.headers["x-client"] || (req.client || "web")) : "web";
    }
} 

最新更新