使用AngularJS+Ajax实现定时刷新

目前我不知道怎么在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实现定时刷新)