Как сделать Angular ajax запрос по таймеру?

Question

[SVR3408]

При открытии странички происходит ajax запрос, по этим данным рисуется страничка.
Файл PostsCtrlAjax.js

function PostsCtrlAjax($scope, $http)
{
    $http({method: 'POST', url: 'ajax.php'}).
    success(function(data)
    {
        $scope.orders = data; // response data 
        $scope.loading = true;
    }).
    error(function(data, status, headers, config) {
        console.log(status);
    });

Как сделать, чтобы эта страничка, например, каждые пять минут снова делала ajax запрос?

Answer 1

[SVR3408]

function PostsCtrlAjax($scope, $http)
{
    function queryData(){
        $http({method: 'POST', url: 'ajax.php'}).
        success(function(data)
        {
            $scope.orders = data;
            $scope.loading = true;
        }).
        error(function(data, status, headers, config) {
            console.log(status);
        });
    }
    queryData();
    setInterval(queryData, 1000);
}

Answer 2

[mayorovp]

А в чем, собственно, сложность? Повесьте этот код на setInterval, к примеру.

Comments

[SVR3408]

Вызываю setInterval( PostsCtrlAjax(), 1000), получаю ошибку undefined is not a function

[mayorovp]

Потому что вы вызвали функцию PostsCtrlAjax, а надо было передать ее как параметр.

setInterval(PostsCtrlAjax, 1000)
Обратите внимание на скобки, и больше таких ошибок не допускайте.

[mayorovp]

Потому что ваша функция PostsCtrlAjax принимает два параметра, а вы их ей не передали.

Надо или передать их в setInterval:
setInterval(PostsCtrlAjax, 1000, $scope, $http)

или использовать bind:
setInterval(PostsCtrlAjax.bind(null, $scope, $http), 1000)

или использовать замыкание:
setInterval(function() {
PostsCtrlAjax($scope, $http);
}, 1000);

[mayorovp]

UPD: предвижу ваш следующий вопрос: откуда взять эти самые $scope и $http... Как видно по коду, PostsCtrlAjax вызывается фреймворком, и про эти объекты знает только он.

Поэтому вам надо не вызывать PostsCtrlAjax каждую секунду - а настроить setInterval внутри.

Создайте вложенную функцию queryData внутри PostsCtrlAjax, не принимающую никаких параметров, и перенесите запрос внутрь.

А в самой PostsCtrlAjax вызовите queryData() один раз - и поставьте ее на setInterval.

[mayorovp]

PS откуда у вас вообще появилась идея вызвать angular-контроллер вручную?

[SVR3408]

Да. Спасибо. Все получилось

[SVR3408]

я не знал как сделать повторный запрос данных. Может это как-то по другому делается?

[mayorovp]

Да. Это делается так, как у вас в итоге получилось...