excel抓取多页网页数据(layui中获取表格数据的方法-layui系统、layui2.5.6版 )

　　excel抓取多页网页数据(layui中获取表格数据的方法-layui系统、layui2.5.6版

)

　　在layui中获取表格数据的方法：1、创建一个js对象数组，保存表格中的原创数据；2、 将[table.render()]的数据参数赋值给对象数组；3、获取tableContent中的数据。

　　本教程运行环境：windows10系统，layui2.5. 版本6。此方法适用于所有品牌电脑。

　　想法：

　　1、创建一个合适范围的JS对象数组，将原创数据保存在数据表中。

　　2、 将上一步创建的JS对象数组，即原创数据，赋值给table.render()的data参数。

　　3、获取表中的所有数据。其实可以直接拿到第一步创建的JS对象数组。参考下面的代码，获取table中的所有数据就是获取tableContent中的数据。

　　代码：

　　// 存放数据表格中的数据的对象数组tableContent

var tableContent = new Array();

table.render({

elem : '#viewTable',

height : 325,

even: true,

text: {

none: '您没有选中任何字段！'

},

// 拿对象数组tableContent中的数据作为原始数据渲染数据表格

data : tableContent,

page : {

layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']

},

limit : 5,

limits : [5, 10, 15, 20, 25],

cellMinWidth: 80,

cols:[[

{type:'checkbox',fiexd : 'left'},

{title : '序号',type:'numbers'},

{field : 'column',title : '列',align:'center'},

{field : 'alias',title : '别名',align:'center',edit : 'text'},

{title : '操作',fiexd : 'right',align:'center', toolbar: '#viewBar'}

]],

done : function(res, curr, count){

// do something...

}

});

　　数据表中的数据是通过异步请求

　　可以直接通过table.render()的done参数获取。该参数的值是渲染数据时的回调。无论是直接赋值还是异步请求数据，渲染完成后都会触发回调。注意：对Laytable的原创数据使用直接赋值方式时，该方式获取的是数据表中当前页的数据，而不是表中的所有数据。如果要获取表中的所有数据，必须按照上面“数据表中的数据是”通过直接赋值”的方法

　　table.render({ //其它参数在此省略

done: function(res, curr, count){

//如果是异步请求数据方式，res即为你接口返回的信息。

//如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度

console.log(res);

//得到当前页码

console.log(curr);

//得到数据总量

console.log(count);

}

});