Node.js 全栈 —— 前后端数据交互

前后端数据交互

GET

1. URL 查询字符串

前端

前端向后端提交请求以及参数可以通过为 url 附加查询字符串来完成的。

如浏览器地址栏的内容:

http://mp.blog.csdn.net/postlist/all/all/all?key=get

? 之后的 key=get 部分称为查询字符串。前端通过这种方式向后端传递查询参数。

axios
axios('/users?id=1234').then();
或
axios('/users', { params: {id: '1234'}}
后端

前端 GET 方法传过来的请求如下:

{
    originalUrl: '/users?id=1234&name=Mike',
    query: { id: '1234',
        name: 'Mike'
    }
}
// 或者更复杂的嵌套
{
    originalUrl: path: '/list?id=1234&name[first]=Mike'
    query: { id: '1234', name: { first: 'Mike' } }
}

数据的获取方式:

req.query.id
req.query.name.first

2. 查询参数

另一个附加查询参数的方式是使用查询参数:

前端
/user/1234
后端

后端获取查询参数:

app.get('/users/:id', function (req, res) {
    const id = req.params.id;
});

POST

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值