国产精品美女久久久浪潮AV,国产精品三级一二三区,久久精品国产一区二区小说 ,依依成人影视国产精品,全部无卡免费的毛片在线看,日本一区二区三深夜不卡,国产精品女同一区二区久久,国产精品夜色一区二区三区

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

        日歷

        鏈接

        個人資料

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

        存檔

        主站蜘蛛池模板: 乱肉妇岳奶水16章| 欧美日本国产va高清cabal| 婷婷五月综合色中文字幕| 人妻av无码专区| 亚洲av日韩精品久久久久| 国产人与zoxxxx另类| 色琪琪丁香婷婷综合久久| 被老汉耸动呻吟双性美人| 蜜臀国产在线视频| 蓬莱市| 天堂www在线中文| 一本之道中文日本高清| 欧美精品一区二区三区在线观看| 天堂8在线天堂资源bt| 亚洲精品成人网久久久久久 | 成年日韩片av在线网站| 波多野结衣在线观看| 桦南县| 亚洲欧美成人一区二区在线| 丝袜足控一区二区三区| 撕开奶罩揉吮奶头视频| 七次郎在线视频| japanesevideos中国少妇| 色综合久久中文字幕无码| 年轻的女老师| 国产色精品vr一区二区| 公与媳妻hd中文在线观看| 亚洲国产成人av网站| 久久久亚洲色| 中文无码av一区二区三区| 久久自己只精产国品| 大姚县| 欧美丰满熟妇性xxxx| 亚洲aⅴ在线无码播放毛片一线天| yy111111少妇影院无码| 湖口县| 彭州市| 韩国无码av片在线观看网站| japanese熟女熟妇| 小宝极品内射国产在线| 99热久re这里只有精品小草|