bootstrap-table加载json数据失败

发布于 2022-09-07 23:32:13 字数 2355 浏览 29 评论 0

问题描述

利用bootstrap-table加载json失败

问题出现的环境背景及自己尝试过哪些方法

参数配置的取舍都试了,onLoadSuccess能执行

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

$(function () {
            //1.初始化Table
            var oTable = new TableInit();
            oTable.Init();
        });
        var TableInit = function () {
            this.Init = function () {
                showGrid();
            };
        };
        function showGrid() {
            var strURL = " ../../Model/HYSTJ/data.json";
            $('#dyxxtable').bootstrapTable({
                url: strURL,
                method: 'GET', //请求方式(*)
                ////dataType:'json',
                ////contentType: "application/x-www-form-urlencoded",
                //cache: true, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
                //sortable: false, //是否启用排序
                //sortOrder: "asc", //排序方式
                queryParamsType: "limit", //参数格式,发送标准的RESTFul类型的参数请求  
                sidePagination: "server", //分页方式:client客户端分页,server服务端分页(*)
                //strictSearch: true,
                /////  height: 200, //行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度
                //singleSelect: false,
                columns: [{
                    field: 'XH',
                    title: '序号',
                    align: 'center'
                }, {
                    field: 'DYH',
                    title: '单元号',
                    align: 'center'
                }],
                responseHandler: function (res) {
                    return {
                        "total": res.total, //总页数
                        "rows": res.rows   //数据
                    };
                },
                onLoadSuccess: function (data) {//数据加载成功事件
                    alert('data success');
                    //设置默认值
                    //setEmptyValue();
                },
                onLoadError: function (data) {
                    alert(data);
                }
            });
        }

我的json数据

{
  "total": 1,
  "rows": [
    {
      "XH": 1,
      "DYH": "hello"
    }
  ]
}

clipboard.png

你期待的结果是什么?实际看到的错误信息又是什么?

clipboard.png这个是结果,数据没有加载上来。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

紫竹語嫣☆ 2022-09-14 23:32:13

是版本问题,换了bootstrap-table的版本就加载上了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文