express路由参数，get post app.use

最新推荐文章于 2023-11-05 22:27:02 发布

Tm_741

最新推荐文章于 2023-11-05 22:27:02 发布

阅读量165

点赞数

文章标签： node.js

本文链接：https://blog.csdn.net/Tm_741/article/details/106265575

版权


## get 参数的获取

// 接收地址栏中问号后面的参数
// 例如：http://localhost:3000/?name=zhangsan&age=20
app.get('/', (req, res) => {
console.log(req.query);  // {"name" : "zhangsan", "age" : "30"}
});
**引入代码：**
// 引入express 框架
const express = require('express');
// 创建网站服务器
const app = express();

app.get('/index',(req,res) => {
    // 获取get请求参数
    res.send(req.query)
})

// 端口监听
app.listen(3000);

**终端里面写**
nodemon xx.js


## post 参数的获取
**需要借助第三方包： body-parser**
// 引入body-parser模块
const bodyParser = require('body-parser');
// 配置body-parser模块
app.use(bodyParser.urlencoded({ extended:false}));
//接收请求
app.post('/add',(req,res) => {
//接收请求参数  
console.log(req,body);
})

## 代码
// 引入express 框架
const express = require('express');
const bodyParser = require('body-parser');
// 创建网站服务器
const app = express();
// 拦截所有请求
// extended: false 方法内部使用querystring模块处理请求参数格式
// extended: true 方法内部使用第三方模块qs处理请求参数的格式
app.use(bodyParser.urlencoded({extended:false}))

app.post('/add',(req,res) => {
    // 接收post请求参数
    res.send(req.body)
})



// 端口监听
app.listen(3000);

nodemon xx.js
**通过post 拿html里的参数**
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="http://localhost:3000/add" method="post">
    <input type="text" name="username">
    <input type="password" name="password">
    <input type="submit" name="">
    
    </form>
</body>
</html>
**右击打开浏览器**



## app.use方法
// 引入express 框架
const express = require('express');
const bodyParser = require('body-parser');
// 创建网站服务器
const app = express();

app.use(fn ({a:1}))   // 数字改成2就进不去了。

function fn (obj) {
 return function (req, res, next) {
     if(obj.a == 1) {
         console.log(req.url)
     }else {
         
         console.log(req.method)
     }
     next()
  }
}

app.post('/',(req, res) => {
    // 接收post请求参数
    res.send('ok')
})

// 端口监听
app.listen(3000);


## express路由参数
app.get('/find/:id', (req,res) => {
console.log(req,params); //{id:123}
});
localhost:3000/find/123
**代码**
// 引入express 框架
const express = require('express');
const bodyParser = require('body-parser');
// 创建网站服务器
const app = express();



app.get('/index/:id/:name/:age',(req, res) => {
    // 接收post请求参数
    res.send(req.params)
})

// 端口监听
app.listen(3000);
nodemon xx.js

Tm_741

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
express路由参数，get post app.use

## get 参数的获取// 接收地址栏中问号后面的参数// 例如：http://localhost:3000/?name=zhangsan&age=20app.get('/', (req, res) => {console.log(req.query); // {"name" : "zhangsan", "age" : "30"}});**引入代码：**// 引入express 框架const express = require('express');// 创建网站服.
复制链接

扫一扫