bootstrapTable服务端请求失败后的处理方法

最新推荐文章于 2020-06-16 16:32:53 发布

东升博客

最新推荐文章于 2020-06-16 16:32:53 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端问题分享文章标签： js 网络

本文链接：https://blog.youkuaiyun.com/qq_34774455/article/details/106380651

web前端问题分享专栏收录该内容

6 篇文章

订阅专栏

当使用bootstrapTable从后台获取数据时，如果请求失败，可通过onLoadError参数进行处理。该方法类似于jq的ajax错误回调，适用于网络错误或后台请求错误的情况。详细处理方法可参考相关博文。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

大家都知道，jq的ajax方法，在请求后台数据失败了（后台请求错误或者网络错误，链接有问题）会有一个错误处理机制，如：error参数会在请求失败后回调此方法。

那我们经常用到的bootstrapTable在请求失败后，怎么处理呢？

bootstrapTable 是使用这个参数的：onLoadError

var loadding = layer.load(1, {shade: [0.1,'#fff']});
$("#table-today-salesList").bootstrapTable({
            method: 'post',
            dataType: "json",
            dataField: 'rows',
            url:'{$uri}Home/POSRetail/getSalesDatas',
            ......   //此处省略了一些配置参数
            onLoadError: function(){
              layer.close(loadding);
              layer.msg("请求失败,网络错误");
            },
            columns : [ {
                title : '序号',
                field : '',
                formatter: function (value, row, index) {
                    return index+1;
                }
            },{
                title : '单号',
                field : 'ref',
                sortable : true
            }, {
                title : '销售数量',
                field : 'salenum',
                sortable : true,
                formatter: function (value, row, index) {
                    value=Number(value);
                    if(!value) value=0;
                    return value;
                }
            }, {
                title : '销售金额',
                field : 'salemoney',
                sortable : true,
                formatter: function (value, row, index) {
                    value=Number(value);
                    if(!value){
                      value="0.00";
                    }else{
                      value=toMoney(value);
                    }
                    return value;
                }
            },{
                title : '业务员',
                field : 'salesname',
            },
            .......
            }]
          });