重定向到URL然后在asp.net中更新菜单（Ajax）

Question

当用户点击链接时我遇到问题，它必须重定向到页面然后更新左侧菜单。

但是当我把url链接放在href中时。它更新菜单然后重新切换到页面。然后，菜单消失。

布局页面中的代码

<a class="Tab" href="~/Default1" data-tabid='1'> Link1 </a>
<a class="Tab" href="~/Default2" data-tabid='2'> Link2 </a>
<a class="Tab" href="~/Default3" data-tabid='3'> Link3 </a>

  <script type="text/javascript">
        $('.Tab').click(function (e) {
            // e.preventDefault(); alert($(this).data('taskid'));
            $.ajax({
                type: "POST",
                cache: false,
                url: "MenuItem/Menu",
                data: { MenuId: $(this).data('tabid') },
                dataType: "html",
                async: true,
                success: function (data) {
                    $("#menuContent").html(data);
                    alert('success');
                },
                error: function () {
                    alert('error');
                }
            });

        });


    </script>

非常感谢任何帮助。