美文网首页我爱编程
使用AngularJS+Ajax实现定时刷新

使用AngularJS+Ajax实现定时刷新

作者: EthanTseng | 来源:发表于2018-05-09 15:01 被阅读0次

    目前我不知道怎么在app.controller里面实现定时发送请求刷新的方法
    所以,我使用了ajax和angular来实现定时的功能,ajax用来发送异步请求,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;
                    });
                }
            });
        };
        //页面加载时调用该方法
        myInfo();
        //设置定时
        var timeOut;
        //清除定时,页面不延迟加载
        clearInterval(timeOut);
        //设置3秒的定时请求
        setInterval(myInfo,3000);

    相关文章

      网友评论

        本文标题:使用AngularJS+Ajax实现定时刷新

        本文链接:https://www.haomeiwen.com/subject/bronrftx.html