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

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>

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);

 

}

3、

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

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

headers: {

 

   token: 'sdfsdssssssssssssssssss'

 

},

5、

第五步：修改接口，并在接口打印token，代码如下：

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