使用AngularJS+Ajax實現(xiàn)定時刷新

目前我不知道怎么在app.controller里面實現(xiàn)定時發(fā)送請求刷新的方法
所以,我使用了ajax和angular來實現(xiàn)定時的功能,ajax用來發(fā)送異步請求,angular用來在頁面回顯值

    //定義了一個全局變量scopeI,用來接收后臺傳入的json
    scopeI=null;
    var app = angular.module('myApp', []);
    app.controller("myInfoCtrl", function ($scope) {
       scopeI =$scope;
    });

    function myInfo(){
        //使用ajax異步請求拿到后臺傳入的json
        $.ajax({
            async: true,
            type: "post",
            url: '這里是url地址',
            dataType: "json",
            success: function (successdata) {
                //console.log(successdata);
                //scope進行一下apply,給它賦值
                scopeI.$apply(function () {
                    scopeI.myInfodata = successdata;
                });
            }
        });
    };
    //頁面加載時調(diào)用該方法
    myInfo();
    //設(shè)置定時
    var timeOut;
    //清除定時,頁面不延遲加載
    clearInterval(timeOut);
    //設(shè)置3秒的定時請求
    setInterval(myInfo,3000);
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1.ios高性能編程 (1).內(nèi)層 最小的內(nèi)層平均值和峰值(2).耗電量 高效的算法和數(shù)據(jù)結(jié)構(gòu)(3).初始化時...
    歐辰_OSR閱讀 30,260評論 8 265
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,597評論 19 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,119評論 25 708
  • 今日有幸,翻閱詩文,巧逢拾遺之佳作——登幽州臺歌,前不見古人,后不見來者,念天地之悠悠,獨愴然而涕下。此余幼時從家...
    皇氏三墳閱讀 362評論 0 1
  • 大致行文順序: 1,走路、睡前總結(jié)所學過的內(nèi)容,思考遺留下來的問題 2,書寫的好處: 書寫是對思維的備忘——回到分...
    silvermorning閱讀 252評論 0 0

友情鏈接更多精彩內(nèi)容