Yii2 + jquery: Why does getJSON redirect to request page after receiving?

Question

JavaScript

Good afternoon!
I can’t overcome the problem :( There is a task: to poll the server through a js timer and, depending on the data received, manipulate the elements on the page.

The js file connected via assets has the following code:

var timerId = setTimeout(function tick() {
        var url =  location.protocol + "//" + location.host+"/waiter/locations/statuses?restaurant_id="+$(".ServiceLocations").attr('data-restaurant-id');
        $.getJSON(url, function(data) {
            // мой код обработки полученных данных            
        });
        timerId = setTimeout(tick, 1000);
    }, 1000);

This code requests the data that the statuses action of the locations controller of the waiter module returns:

...
public function actionStatuses()
    {
        Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;
        $data = ['id'=>2,'text'=>'zzz']; // примерный массив данных
        return $data;
    }
...

As a result, as soon as $.getJSON is called, the page reloads to the url and I see just an array of data. Why am I being redirected to the request page?

Answer 1

Thank you all, the problem was solved by moving the update function from the included JS file to the view:

$url = Url::to(['locations/statuses', 'restaurant_id' => $restaurant->id]);
    $script = <<< JS
        var timerId = setTimeout(function tick() {
        $.getJSON('$url', function(data) {
            data.forEach(function(item){
                //обработка массива полученных данных
            });
        });
        timerId = setTimeout(tick, 1000);
    }, 1000);
JS;
    $this->registerJs($script, yii\web\View::POS_READY);

Answer 2

return false at the end of the timer