Express_02--处理表单的POST请求

简介: Express_02--处理表单的POST请求

express处理表单的post请求

需要我们注意的是express内置了获取get请求体的API(req.query),但是并没有内置获取post请求体的API,所以需要我们手动的去配置中间件。

配置body-parser中间件

1. 安装

npm install body-parser
复制代码

2. 导入并配置

const bodyParser = require('body-parser')
app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())
复制代码

3. 此时即可成功获取req.body(客户端post的内容)

app.post('/post',(req,res) => {
    console.log(req.body);
})
复制代码
[Object: null prototype] { name: 'faithpassi', message: 'dsddfgfgdf' }
复制代码

将读取到的字符串转为JSON

fs.readFile('./db.json','utf8', (err, data) => {
    if (!err) {
        res.render('index.html', {
            students: JSON.parse(data).students
        });
    }
})
复制代码

将所有的路由结构提取到一个文件中,并进行暴露

方式一:自己封装函数

const fs = require('fs');
module.exports = function (app) {
    app.get('/students', (req, res) => {
        fs.readFile('./db.json', 'utf8', (err, data) => {
            if (!err) {
                res.render('index.html', {
                    students: JSON.parse(data).students
                });
            }
        })
    })
}
复制代码

方式二:使用Express自带的路由容器

1.在路由文件中创建路由容器,并进行暴露

const express = require('express');
// 创建一个路由容器
const router = express.Router();
router.get('/students', (req, res) => {
    fs.readFile('./db.json', 'utf8', (err, data) => {
        if (!err) {
            res.render('index.html', {
                students: JSON.parse(data).students
            });
        }
    })
})
module.exports = router;
复制代码

2. 将路由容器挂载到app上

// 把路由器挂载到 app上
app.use(router)


相关文章
|
2月前
|
缓存 JavaScript 中间件
优化Express.js应用程序性能:缓存策略、请求压缩和路由匹配
在开发Express.js应用时,采用合理的缓存策略、请求压缩及优化路由匹配可大幅提升性能。本文介绍如何利用`express.static`实现缓存、`compression`中间件压缩响应数据,并通过精确匹配、模块化路由及参数化路由提高路由处理效率,从而打造高效应用。
142 11
|
3月前
|
大数据 数据处理 分布式计算
JSF 逆袭大数据江湖!看前端框架如何挑战数据处理极限?揭秘这场技术与勇气的较量!
【8月更文挑战第31天】在信息爆炸时代,大数据已成为企业和政府决策的关键。JavaServer Faces(JSF)作为标准的 Java Web 框架,如何与大数据技术结合,高效处理大规模数据集?本文探讨大数据的挑战与机遇,介绍 JSF 与 Hadoop、Apache Spark 等技术的融合,展示其实现高效数据存储和处理的潜力,并提供示例代码,助您构建强大的大数据系统。
46 0
|
6月前
|
JSON 中间件 API
在 Express.js 中处理 GET 请求
在 Express.js 中处理 GET 请求
|
11月前
【Express】—post传递参数
【Express】—post传递参数
|
11月前
【Express】—Express路由请求
【Express】—Express路由请求
90 # 实现 express 请求处理
90 # 实现 express 请求处理
36 0
express学习7-express参数中post参数的获取
express学习7-express参数中post参数的获取
223 0
express学习7-express参数中post参数的获取
|
存储 开发框架 中间件
node-09-express-请求
express模块,node里对http模块的再次封装 官方定义 Express是一个自身功能极简的,完全是由 路由和中间件 构成的一个web开发框架. 通俗理解 express应用就是在调用各种中间
115 0
|
前端开发
express搭建后端请求路由,前端进行访问对应的接口 后端解决跨域
express搭建后端请求路由,前端进行访问对应的接口 后端解决跨域
|
监控 JavaScript 前端开发
Fundebug后端Node.js插件更新至0.2.0,支持监控Express慢请求
摘要: 性能问题也是BUG,也需要监控。 Fundebug后端Node.js异常监控服务 Fundebug是专业的应用异常监控平台,我们Node.js插件fundebug-nodejs可以提供全方位的异常监控,支持Express、Koa以及Hapi框架。
1150 0