两种方法:
1、直接修改layui的源生table.js
找到table.js的ajax,添加权限。代码如下:
beforeSend:function (xhr) {xhr.setRequestHeader("authorization", localStorage.getItem("row"));}
table中直接进行异步数据加载:
table.render({
url: urls,
elem: '#table',
height: 'full',
where: datas,
limit: 1,//当前显示条数
request: {
pageName: 'currentPage',
limitName: 'pageSize'
},
response: {
statusName: 'code',
statusCode: 1,
msgName: 'msg',
countName: 'total',
dataName: 'rows'
},
page: {
layout: ['count', 'first', 'prev', 'page', 'next', 'last', 'skip'],
groups: 1
},//自定义分页
cols: cols//表头
});
2、在ajax中加入权限,返回的数据放入table中。分页执行一个laypage实例。
先定义权限:function setHeader(xhr) {xhr.setRequestHeader("authorization", localStorage.getItem("row"));}
完整代码:
$.ajax({
type: 'get',
url: urls, //urls中条件添加pageSize
data: datas,
beforeSend: setHeader,//调用setHeader
cache: false,
dataType: 'json',
success: function(data) {
table.render({
elem: '#table',
height: 'full',
data: data.rows,
cols: cols
});
//执行一个laypage实例
laypage.render({
elem: 'id',
count: data.total,
curr: data.currentPage,
limit:data.pageSize,
layout: ['count', 'first', 'prev', 'page', 'next', 'last', 'skip'],//自定义分页样式
jump: function(obj, first) {
//首次不执行
if (!first) {
var urls = urls + obj.curr;
getclicks(urls);//当前ajax事件
}
}
});
}
});