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
  • 手机上如何发送网页给手机联系人 QQ或微信好友
  • 为什么日式拉面很好吃呢
  • 如何自定义修改WIN7系统开始菜单显示的链接
  • 城市学院图书馆怎么走#校内游玩攻略#
  • 怎样下载星际家园(荣耀版)?
  • 热门搜索
    say goodbye什么意思 穿心莲片的功效与作用 薄荷油的功效与作用 圆形脸适合什么发型 滴虫性阴炎用什么药 生物必修三知识点总结 什么天什么地成语 糯米的功效与作用 幼儿园交通安全知识 金水宝的功效与作用