layui 渲染表格无法设置ajax请求头问题

在使用layui作为后台管理模板的项目中,遇到layui渲染表格时无法设置ajax请求头的问题,这导致无法携带token进行安全认证。为解决此问题,文章介绍了通过自封装ajax模块并使用js方式渲染表格的方法,虽然不能利用layui的自动分页,但成功实现了带请求头的数据获取和表格渲染。
摘要由CSDN通过智能技术生成
layui 渲染表格无法设置ajax请求头问题
前情提要:
  • 相信很多朋友对 layui 都有一定了解,作为后台管理模板使用的前端框架算是一个比较新,也比较受欢迎的框架
  • 公司最近一个项目也在使用Layui,再渲染表格时,发现比较坑的一点,layui渲染表格的几种方式,均无法设置请求头!这可坑死人了。
  • 很多公司为了提升系统安全性,基本都会使用auth2.0,不带token基本就不用玩了。无法设置请求头,还带毛线token啊?
言归正传:

上网查询了很多,layui 渲染表格设置请求头的问题,回答最多的就是改源码!
layui渲染表格的几种方式,其实都是使用内部封装的ajax请求,去获取数据然后渲染的。
比如下面这种方式:

var table = layui.table
            ,form = layui.form;
    layui.use('table', function () {
     // 引入 table模块
        table.render({
   
            id:"dataTable",//
            elem: '#layui_table_id',//指定表格元素
            url: '/menu/menuList.ajax',  //请求路径
            cellMinWidth: 20 //全局定义常规单元格的最小宽度,layui 2.2.1 新增
            ,skin: 'line ' //表格风格 line (行边框风格)row (列边框风格)nob (无边框风格)
           //,even: true    //隔行换色
            ,page: true  //开启分页
            ,limits: [10,20,50]  //每页条数的选择项,默认:[10,20,30,40,50,60,70,80,90]。
            ,limit: 10 //每页默认显示的数量
            ,method:'post'  //提交方式
           ,cols: [[
                {
   type:'checkbox'}, //开启多选框
                {
   
                    field: 'menuId', //json对应的key
                    title: 'ID',   //列名
                    sort: true   // 默认为 false,true为开启排序
                }
            ]]
        });
    });    

只有一个url,也没有属性可以设置请求头!

如何解决:
  • 首先 自己封装一个ajax模块
// 定义模块
layui.define(['jquery','myWindow','auth'], function (exports) {
   
    var $ = layui.jquery;
    var myWindow = layui
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值