layui渲染表格怎么向后台传token

2025-11-03 10:36:26

1、第一步:简简单单的写一个layui table的页面,代码如下:

<table id="demo"  lay-filter="demo"></table>


<script>
   layui.use(['jquery', 'table', 'form'], function () {
       let $ = layui.jquery, form = layui.form, table = layui.table;
       let clos = [
           {field: 'user_name', title: 'xx', width: '6%'},
           {field: 'title', title: '标题', width:'26%'},
           {field: 'create_time', title: '时间', width:'11%'},
       ];
       table.render({
           elem: '#demo',
           url: 'http://localhost:8081/queryDemo',
           method: 'post',
           cols: [clos],
           limits: [20, 50, 100],
           limit: 20,
           page: true,
       });
   });
</script>

layui渲染表格怎么向后台传token

2、第二步:简简单单的写一个接口,用于返回数据,代码如下:

@PostMapping("/queryDemo")


String queryDemo(HttpServletRequest request){
   Map<String, String> m = new HashMap<>();
   m.put("user_name", "悟空");
   m.put("title", "取老婆");
   m.put("create_time", "公元2100年");
   List<Map<String, String>> list = new ArrayList<>();
   list.add(m);
   Map<String, Object> map= new HashMap<>();
   map.put("data", list);
   map.put("code", 0);
   map.put("count", 1);
   return JSON.toJSONString(map);
}

layui渲染表格怎么向后台传token

3、第三步:打开页面,请求数据,可以看到页面正常,当然这是没有带token的,如图:

layui渲染表格怎么向后台传token

4、第四步:带上token请求数据,需要在table.render里面加上headre就可以,代码如下:

headers: {


   token: 'sdfsdssssssssssssssssss'
},

layui渲染表格怎么向后台传token

5、第五步:修改接口,并在接口打印token,代码如下:

layui渲染表格怎么向后台传token

6、第六步:刷新页面,可以看到header被带上, 后台打印如图:

layui渲染表格怎么向后台传token

layui渲染表格怎么向后台传token

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢