vue axios分页查询2种方式 |
您所在的位置：网站首页 › 自带浏览器无痕浏览 › vue axios分页查询2种方式 |
|
前言
在规范化开发中实际get请求和post请求是由要求的，get请求获取数据，post请求传递数据。 但在实际开发中如果是没有硬性要求时，一般都是分页查询时候为了图方便直接使用post请求。 但其实2种请求方式通过封装都是可以进行分页查询的，可以会不用，但不能不会。 get请求和post请求区别1.参数位置get请求只能拼接在url上（params）post请求可以在url也可以在请求体中（data） 2.参数大小get请求受url大小不超过32k，post请求1G 3.服务器接受get请求接受一次，post请求根据数据大小，可分多次接受 4.安全性get请求参数携带在url中，安全性低。post请求相当于get请求安全性更高 data参数 pageInfo: { // 总条数 total: 0, // 当前选中页 pageNo: 1, // 每页条数 pageSize: 15, // 查询参数 name: null, }, // 调接口 const res = await paging(this.pageInfo) get请求分页查询封装 export function paging (data) { return request({ url: '/newEquipment/page', method: 'get', params:{ // 页数 pageNo: data.pageNo, // 每页条数 pageSize: data.pageSize, // 查询参数 name:data.name } }) } post请求分页查询封装 export function paging (data) { return request({ url: '/newEquipment/page', method: 'post', data }) }总结： 经过这一趟流程下来相信你也对 vue axios分页查询2种方式-post请求-get请求拼接 有了初步的深刻印象，但在实际开发中我 们遇到的情况肯定是不一样的，所以我们要理解它的原理，万变不离其宗。加油，打工人！ 什么不足的地方请大家指出谢谢 -- 風过无痕 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |