how to ajax update a widget in yii2?

Question

JavaScript

Good day, I want to make receiving new notifications (in the widget) in the admin panel via ajax. Logically, I understand that you just need to update the widget after n amount of time.
My actions:
Added my widget to pjax - main.php

<!-- Header and Sidebar -->
    <?php \yii\widgets\Pjax::begin(['id' => 'pjax-container']); ?>
    <?php echo \backend\components\HeaderWidget::widget()?>
    <?php \yii\widgets\Pjax::end(); ?>

Already implemented an update in the widget after 5 seconds - header.php

//код...   менюшка + хедер

<?php
$script = <<< JS
$(document).ready(function() {
    setInterval(function(){ $.pjax.reload('#pjax-container'); }, 5000);
});
JS;
$this->registerJs($script);
?>

In the end, everything works well! Ahah, but it’s funny because now I can’t go to other pages, the url changes and the page itself doesn’t load!

The page does not load, but I loaded)) I can’t understand what the problem is????

Answer 1

Turn off url replacement in Pjax settings