Layui数据表格请求添加参数

Layui数据表格基本形态，官网链接地址

• 虽然是官网提供，但是也要注意与其他框架结合使用时，还是需要注意格式，比如，与thymeleaf一起使用时，注意不要将两个[连用，使用时换行，比如，[[...]]可能会出现错误。

第一次请求时加请求参数

• 默认会自动传递两个参数：?page=1&limit=30（该参数可通过 request 自定义），page 代表当前页码、limit 代表每页数据量
• 如果请求需要传递其他参数，可以在数据表格中添加where属性，在where中填写参数名和参数值即可
• 我们在where中自定义的参数以及默认的page、limit参数都会一直携带，比如重载表格时会添加其他的参数，但是之前的参数也会携带

//“方法级渲染”配置方式
table.render({ //其它参数在此省略
  url: '/api/data/'
  ,where: {token: 'sasasas', id: 123} //如果无需传递额外参数，可不加该参数
  ,method: 'post' //如果无需自定义HTTP类型，可不加该参数
  ,request: {} //如果无需自定义请求参数，可不加该参数
  ,response: {} //如果无需自定义数据响应名称，可不加该参数
}); 

重载表格时加请求参数

//所获得的 tableIns 即为当前容器的实例
var tableIns = table.render({
  elem: '#id'
  ,cols: [] //设置表头
  ,url: '/api/data' //设置异步接口
  ,id: 'idTest'
}); 
 
//这里以搜索为例
tableIns.reload({
  where: { //设定异步数据接口的额外参数，任意设
    aaaaaa: 'xxx'
    ,bbb: 'yyy'
    //…
  }
  ,page: {
    curr: 1 //重新从第 1 页开始
  }
});
//上述方法等价于
table.reload('idTest', {
  where: { //设定异步数据接口的额外参数，任意设
    aaaaaa: 'xxx'
    ,bbb: 'yyy'
    //…
  }
  ,page: {
    curr: 1 //重新从第 1 页开始
  }
}); //只重载数据

• 不需要加额外请求参数可以直接调用无参方法进行重载（上述第一种方式）：tableIns.reload()
• 注意：上述代码中每次都会带着page: {curr: 1}，其实就是因为重载时依然会携带表格加载时的请求参数。例如，在第2页时，带条件（参数）重载，如果不设置从第1页开始，就会带着参数page=2去请求服务器。