Bootstrap-table插件使用之ajax-定时刷新

项目中使用了Bootstrap-table来呈现数据,但是在我用传统的setTimeout或者setInterval的时候发现 不能正常像其他函数那样刷新:

setTimeout:只刷新一次

setInterval:按照设定的时间定时刷新

requestAnimationFrame:性能好,在不显示的时候停止刷新, 节省系统资源

 

关于解决办法:使用了Bootstrap-table的 内置api

先获取table的dom

再在循环里面添加$tableName.bootstrap-table('refresh')

主要代码如下:

    setInterval(function () {
        queryAll();
    }, 3100);

    function queryAll() {
        updateAndonInfo();
    }

    function updateInfo() {

        $dataTable.bootstrapTable('refresh');
    }

 

你可能感兴趣的:(Web前端,JavaScript)