Javascript

node.js-express路由基础+获取前端数据

本文主要是介绍node.js-express路由基础+获取前端数据,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
/*
 * @Description:express基础
 * @Author: NanKe
 * @Date: 2021-11-07 18:12:15
 * @LastEditTime: 2021-11-08 20:39:37
 * @LastEditors: NanKe
 * @Cnblogs: https://www.cnblogs.com/NanKe-Studying/
 * @FilePath: \node\express\express1.js
 */

const express = require("express")
const app = express()
const arr = [(req, res, next) => {
    console.log(0);
    next()
}, (req, res, next) => {
    console.log(1);
    next()
}, (req, res, next) => {
    console.log(2);
    next()
}]
app.use('/', arr)

app.use('/api', (req, res) => {
    res.end("iii")
})

app.listen(8080, () => {
    console.log("localhost:8080 Listen");
})

可以看到

 

 

/*
 * @Description:express+路由表--》获取前端传递的参数
 * @Author: NanKe
 * @Date: 2021-11-08 16:11:51
 * @LastEditTime: 2021-11-08 20:45:46
 * @LastEditors: NanKe
 * @Cnblogs: https://www.cnblogs.com/NanKe-Studying/
 * @FilePath: \node\express\express2.js
 */
const express = require("express")
const router = require("./router/index")
const app = express()

//处理前端传递表单数据 parse application/x-www-form-urlencoded
app.use(express.urlencoded({ extended: false }))
//处理前端传递json数据 parse application/json
app.use(express.json())

app.use('/', router)

app.listen(8080, () => {
    console.log("localhost:8080 Listen");
})
/*
 * @Description:express路由表
 * @Author: NanKe
 * @Date: 2021-11-08 16:07:49
 * @LastEditTime: 2021-11-08 20:34:48
 * @LastEditors: NanKe
 * @Cnblogs: https://www.cnblogs.com/NanKe-Studying/
 * @FilePath: \node\express\router\index.js
 */

const express = require("express")
const router = express.Router()

router.get('/', (req, res, next) => {
    res.send("123")
})
//语义化接口 前后端交流
//获取数据
router.get('/index', (req, res, next) => {
    res.send(req.query)
    console.log(req.query);
})
//添加数据
router.post('/testpost', (req, res, next) => {
    console.log(req.body);
    res.send(req.body)
})
//修改数据-覆盖式修改
router.put('/index1', (req, res, next) => {
    res.send('patch response')
})
//修改数据-增量式修改
router.patch('/index2', (req, res, next) => {
    res.send('patch response')
})
// 理解requests中的PATCH和PUT的区别
// 假设URL位置有一组数据UserInfo,包括UserID、UserName等20个字段
// 需求:用户修改了UserName,其他不变
// 采用PATCH,仅向URL提交UserName的局部更新请求
// 采用PUT,必须将所有20个字段一并提交到URL,未提交字段被删除
// PATCH的最主要好处:节省网络带宽
// 其实controller控制一下不就好了吗,咋这么复杂,POST请求也能做更新呀,只传username,然后service层去调用对应的更新不就好了

//删除数据
router.delete('/index3', (req, res, next) => {
    res.send('delete response')
})
//不管前端什么请求都有返回
router.all('/all', (req, res, next) => {
    res.send('你太厉害了 这么多种请求方式')
})

module.exports = router

目录结构

 get

 post 传递json 无x-www-form-urlencoded

 

 post 传递表单 content-type:x-www-form-urlencoded

 

 all

 

这篇关于node.js-express路由基础+获取前端数据的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!