layui table请求数据时出现415错误解决办法

table.render({
        height:400
        ,elem: '#userTable'
        ,cols: [[
            {field: 'myIndex',title: '序号',width: 60,fixed: true}
            ,{field: 'realName', title: '真实姓名', width: 100}
            ,{field: 'username', title: '用户名', width: 160}
            ,{field: 'phoneNum', title: '手机号', width: 60}
            ,{field: 'bankAccount', title: '银行卡号', width: 60}
            ,{field: 'purchasedGoods', title: '报单商品', width: 100}
            ,{field: 'receiverName', title: '收货人', width: 100}
            ,{field: 'deliveryAddress', title: '收货地址', width: 60}
            ,{field: 'creatorId', title: '报单人', width: 100}
            ,{field: 'auditTime', title: '审核时间', width: 100,sort: true}
            ,{field: 'auditState', title: '审核状态', width: 100,sort: true}
            ,{field: 'diagnosisDate', title: '发货状态', width: 100,sort: true}
            ,{fixed: 'right', width:190, align:'center', toolbar: '#barContagion'}
        ]]
        ,id: 'userEvent'
        ,url: '/tourist-portal/register/findList'
        ,where: qvo
        ,method: 'post'
        ,skin: 'row' //表格风格
        ,even: true
        ,page: true //是否显示分页
        ,limits: [10,20,30,40,50,100,500,1000]
        ,limit: 10 //每页默认显示的数量
    });



如上图 出现415 unsupported media type

解决办法:

在table.js源码中修改ajax的contentType,

添加contentType: "application/json",

                dataType: "json",


problem  solved!

layui是一个轻量级的前端UI库,它的table模块提供了一个方便的方式来动态创建和管理表格。当你需要从服务器获取数据并填充到表格中,可以按照以下步骤操作: 1. 首先,在HTML结构中,你需要创建一个`<table>`标签作为展示数据的基础,设置好表头和列定义。 ```html <table id="demo" lay-filter="table"></table> ``` 2. 使用layui的初始化函数`layui.use()`加载table模块,并通过回调函数指定配置和数据处理函数: ```javascript layui.use('table', function(){ var table = layui.table; // 初始化表格,这里假设AjaxUrl是你的后端接口 table.render({ elem: '#demo', url: 'AjaxUrl', // 替换为你的实际接口地址 data: {} 或者 null, // 初始数据,如果为空则默认拉取一次 method: 'post' 或 'get', // 请求方式,默认GET request: {}, // 自定义请求配置,如headers等 toolbar: true, // 是否显示工具栏 cols: [[// 表头定义 {field: 'id', title: 'ID'}, {field: 'name', title: '姓名'}, {field: 'email', title: '邮箱'} ]], loadMsg: '数据加载中...', // 加载提示信息 parseCell: function(data){ // 数据解析函数,对每一行的数据进行格式化 return data; // 这里直接返回原始数据,根据实际情况处理 }, success: function(res, init){ // 成功回调,res是后端返回的数据 // res就是你需要赋值给静态表格的数据,可以直接赋值给data选项 init.data = res; }, error: function(error){ // 错误回调 console.error(error); } }); }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值