fastadmin bootstrapTable 表格无刷新代码

最新推荐文章于 2024-07-24 16:12:14 发布

Robin罗兵

最新推荐文章于 2024-07-24 16:12:14 发布

阅读量757

点赞数

分类专栏： thinkphp 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/lyb8010/article/details/127643543

版权

thinkphp 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

setInterval(function() {
                var TableOptions = $('#table').bootstrapTable('getOptions');
                console.log("ok");
                $.ajax({
                    data: {
                        limit: TableOptions.pageSize,
                        offset: (TableOptions.pageNumber - 1) * TableOptions.pageSize
                    },
                    type: "post",
                    url: $.fn.bootstrapTable.defaults.extend.dashboard_url,
                    async: true,
                    timeout:3000,//超时时间
                    success: function(msg) {
                        if (msg.code == '1') {
                            for (var j = 0; j < msg.rows.length; j++) {
                                changeData(j, msg.rows[j]);
                            }
                        }else{
                            console.log('ok');
                        }
                    },
                    error: function () {
                        msgToast.error("查询数据出错");
                    }
                });
            }, 10000);

            function changeData(i,msg){
                $('#table').bootstrapTable('updateRow', {
                    //i表示第几行，从0开始
                    index: i,
                    row: {
                        nickname: msg.nickname,
                        gender: msg.gender,
                        exam_name: msg.exam_name,
                        answer_per: msg.answer_per,
                        score: msg.score,
                        up_status: msg.up_status,
                        begintime: msg.begintime,
                    }
                });
            }