• <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達人

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

    Bootstrap Table實現定時刷新數據

    推薦第二種方法

    • 令表格的id為realTimeTable

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

    • 定時器,多長時間執(zhí)行一次,自己定義,此處是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: { //向服務器發(fā)送的一些參數,像日期,游戲ID什么的 .
                            .
                            .
                            .
                            .
                    },
                        type: "post", //url不用說了吧,否則不知道向服務器哪個接口發(fā)送并請求 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方法

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

    • 定時器,和上面一樣,多長時間執(zhí)行一次,自己定義,此處是30S
    setInterval(function() { queryAll(); for (var j = 0; j < 請求的數據的總條數(也就等于表格的行數); j++) {
                    changeAllChannelRealTime(j, .....);
                } }, 30000);
        
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    function changeAllChannelRealTime(j, .....) {
            $.ajax({
                data: { //向服務器發(fā)送的一些參數,像日期,游戲ID什么的 .
                            .
                            .
                            .
                            .
                    },
                        type: "post", //url不用說了吧,否則不知道向服務器哪個接口發(fā)送并請求 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 )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

    日歷

    鏈接

    個人資料

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

    存檔

    主站蜘蛛池模板: 日本二区三区视频免费观看| 国产精品亚洲电影久久成人影院| 爱爱综合网| 窝窝www黑料吃瓜| 日韩丝袜亚洲国产欧美一区| 国产香蕉尹人在线观看视频| 亚洲精品美女久久久久久久| 波多野结衣系列18部无码观看A| 怡春院欧美一区二区三区免费| 91资源站| 长治市| 国产一区二区福利久久| 福利无遮挡喷水高潮| 丁香五月天导航| 美女视频黄频大全免费| 欧美激情一区二区三区成人| 岛国av免费看| 国产一区二区精品久久91| 超碰成人av免费观看| 高清国产美女一级a毛片在线| 国产精品亚洲片在线观看麻豆| 国产精品黄页在线播放免费| 丁香五月天亚洲综合4438网| 在线一区二区三区av| 2021自拍偷在线精品自拍偷| 国产91丝袜在线播放动漫| 亚洲成在人线天堂网站| 国产成人v片视频在线观看| 欧美做受又硬又粗又大视频| 最新大伊香蕉精品视频在线| 国产AV无码专区亚洲AV蜜芽| 亚洲国产精品尤物YW在线观看| 午夜爽爽影院| 日韩AV无码中文一区二区三区| 无遮无挡爽爽免费毛片| 国产精品私拍国产在线播放| 婷婷五月深深久久精品| 亚洲成色AV网站午夜影视| 一级黄片国产精品久久| 中国无码人妻丰满熟妇啪啪软件| 精品无码专区久久久水蜜桃|