• <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <small id="ggggg"></small> <sup id="ggggg"></sup>
    <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <tfoot id="ggggg"></tfoot>
  • <nav id="ggggg"><cite id="ggggg"></cite></nav>
    <nav id="ggggg"></nav>
    成人黃色A片免费看三更小说,精品人妻av区波多野结衣,亚洲第一极品精品无码,欧美综合区自拍亚洲综合,久久99青青精品免费观看,中文字幕在线中字日韩 ,亚洲国产精品18久久久久久,黄色在线免费观看

    Bootstrap Table實現定時刷新數據

    2018-8-24    seo達人

    如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

    Bootstrap Table實現定時刷新數據

    推薦第二種方法

    • 令表格的id為realTimeTable

    1、毀掉表格,再查詢數據后append,如果你查大量的數據(例如:查詢很多渠道的信息),而獲取服務器數據又太慢,你就會看到表格在一行一行的增加

    • 定時器,多長時間執行一次,自己定義,此處是30S
    setInterval(function() { queryAll();
    }, 30000);
        
    • 1
    • 2
    • 3
    • 先定義一個函數,里面放入查詢的方法updateRealTimeData和你所自定義使用的方法
    function queryAll() { updateRealTimeData();
            .
            .
            .
            .
    }
        
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 方法updateRealTimeData
     function updateRealTimeData() { if(errorFlag || appid == -1) return; //把表格的tbody移除,不然后面會一直添加 $("#realTimeTable").bootstrapTable('removeAll'); //獲取數據 $.ajax({
                data: { //向服務器發送的一些參數,像日期,游戲ID什么的 .
                            .
                            .
                            .
                            .
                    },
                        type: "post", //url不用說了吧,否則不知道向服務器哪個接口發送并請求 url: *******,
                        async: true, //超時時間 timeout:30000,
                        success: function(msg) { if(msg.code == '1') { //定義的函數實現對表格賦值,自定義想傳的參數,但別忘了msg,不然搞個屁 showTableData(msg,……);
                            }
    
                        }
                    });
                }
        
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 方法showTableData
    function showTableData(msg,……) { tableData = []; for(var i = 0; i < json.length; i++) {
                    tableData.push({ //這里也就是data-field的名稱,getDate是服務器返回的字段名 date: json[i].getDate,
                           .
                           .
                           .
                           .
                    }) //數組反向排列,看情況使用 tableData.reverse(); //向tbody里面添加數據 $("#realTimeTable").bootstrapTable('append', tableData);
                }
    }
        
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17

    2、使用updateRow方法

    • 首先,得存在表格,里面有數據,才能更新行,否則沒作用。此方法不會像上面的方法表格消失再增加,這個是整體不變,里面的數據會自動更新

    • 定時器,和上面一樣,多長時間執行一次,自己定義,此處是30S
    setInterval(function() { queryAll(); for (var j = 0; j < 請求的數據的總條數(也就等于表格的行數); j++) {
                    changeAllChannelRealTime(j, .....);
                } }, 30000);
        
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    function changeAllChannelRealTime(j, .....) {
            $.ajax({
                data: { //向服務器發送的一些參數,像日期,游戲ID什么的 .
                            .
                            .
                            .
                            .
                    },
                        type: "post", //url不用說了吧,否則不知道向服務器哪個接口發送并請求 url: *******,
                        async: true, //超時時間 timeout:30000,
                        success: function(msg) { if (msg.code == '1') {
                                changeData(j, msg, .....);
                        }
                    },
                    error: function () { msgToast.error("查詢數據出錯");
                    }
                });
            }
        
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    function changeData(i,msg,......){ $('#realTime_Table').bootstrapTable('updateRow', { //i表示第幾行,從0開始 index: i,
                    row: { //這里也就是data-field的名稱,*表示字段名 date: msg.*
                            .
                            .
                            .
                            .
                    }
                });         
    }
        
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14

    大象~ 大象~ 你的鼻子怎么那么長~~ 



    其他相關:

    藍藍設計www.lzhte.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.lzhte.cn

    存檔

    主站蜘蛛池模板: 伊人久久大香线蕉一区二区| 国内揄拍高清国内精品对白| 免费国产高清在线精品一区| 波多野结衣制服丝袜中文字幕| 免费黄网站久久成人精品| 免费午夜无码片在线观看影院| 一级毛片无毒不卡直接观看 | 亚洲中文无码av永久| 2021最新精品国自产拍视频| 久久久久亚洲AV成人网毛片| 国产精品中文字幕自拍| 最新中文字幕AV无码专区| 久操香蕉| 福利所导航| 污视频网址| 国产目拍亚洲精品二区| 黄色好看一区二区三区| 蜜桃av一区二区高潮久久| 国产AV无码专区亚洲A√| 精品一区二区av天堂| 亚洲成人国产一区二区| 免费一级a毛片在线播出| 国产亚洲高清不卡在线观看| 久久99精品久久久久久国产人妖| 99精品视频在线观看免费蜜桃| 香蕉草草久在视频在线播放| 国内精品视频一区二区三区| 亚洲全网成人资源在线观看| 在线观看国产精美视频| 日本一区二区啪啪视频| 免费国产一区二区不卡| 亚洲欧美国产国产综合一区| 欧美另类精品一区二区三区| 无人区码一码二码w358cc| 精品人妻久久久久久888| AV不卡在线永久免费观看| 安塞县| 狠狠色丁香婷婷久久综合2021| 国产免费爽爽视频在线观看| 国产精品色拉拉| 无码h黄肉3d动漫在线观看|