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这个是结果,数据没有加载上来。

胜子 3
2018-09-30 提问
1 个回答
0

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

撰写答案

你可能感兴趣的

推广链接