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

2024-11-11 03:53:04

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渲染表格怎么向后台传tokenlayui渲染表格怎么向后台传token
猜你喜欢