Php Yii 2侧导航单击时不刷新

我的

bizadmin.php

视图中有一个SideNav：

<div class="row">
    <div class="col-xs-3" id="sidenav">
    <?php
        echo SideNav::widget([
        'type' => 'default',
        'encodeLabels' => false,

        //'heading' => $heading,
        'items' => [
            ['label' => 'Add Staff', 'icon' => 'user', 'url' => ['/user/index']],
            ['label' => 'Store Configuration', 'icon' => 'cog', 'url' => ['/store/index']],
            ['label' => 'Add Transaction', 'icon' => 'duplicate', 'url' => ['/transaction/index']],
            ['label' => 'Add Account', 'icon' => 'book', 'url' => ['/account/index']],
            ],
        ]);        
    ?>
    </div>

    <div class="col-xs-7">
        <h2 id="bizstorename">Store Name</h2>
        <h5>This is a store description. You can put anything here as long as it describes your store.</h5>
    </div>
</div>

店名
这是一个商店描述。你可以把任何东西放在这里，只要它描述了你的商店。

看起来是这样的：

有没有一种方法，当我单击SideNav上的一个项目时，它将不重定向到另一个页面，而是将一个页面加载到SideNav旁边的

div中（例如，在我的情况下，在
中），而不刷新整个页面。

我想我需要使用jQuery或Ajax，但我不知道如何使用。请告诉我您的想法。
使用jQuery的
.load
方法获取页面，然后附加到
\result
：

$script = "
    $('#sidenav ul li a').on('click', function(e) {
        e.preventDefault();
        var url = $(this).attr('href');
        $('#result').load(url);
    });
";
$this->registerJs($script, $this::POS_READY);

请参阅以了解更多信息。
是的，只需将id
结果添加到您的div中，如下所示：