layui初始化加载数据

在layui中，初始化加载数据可以通过多种方式实现。下面是一种常见的方法：

1. 在页面加载完成后，通过layui的"layui.use"方法引入所需模块。如：

layui.use(['table', 'form'], function(){
var table = layui.table;
var form = layui.form;

2. 在使用table组件前，需要先定义一个table实例，并设置相关属性。如：

var dataTable = table.render({
elem: '#dataTable', //指定原始表格元素选择器（可选）
url: '/api/getData', //数据接口
method: 'post', //请求方式，默认为get
page: true, //开启分页
cols: [[ //表头
{field: 'id', title: 'ID', width: 80},
{field: 'name', title: '名称', width: 120},
{field: 'age', title: '年龄', width: 80},
{field: 'gender', title: '性别', width: 80},
{field: 'address', title: '地址'}
]]
});

3. 在数据接口中，可以通过Ajax请求后台接口获取数据。如：

app.post('/api/getData', function(req, res){
//通过后台接口获取数据，返回给前台
var data = [
{id: 1, name: '张三', age: 18, gender: '男', address: '北京'},
{id: 2, name: '李四', age: 20, gender: '女', address: '上海'}
];
res.send(data);
});

通过以上步骤，数据就可以在页面中以表格形式展示出来了。当页面加载完成后，table组件会发送数据请求，然后将返回的数据填充到表格中。同时，通过form组件的相关方法，还可以实现数据的增删改查等操作。