javascript - AJAX - 重新加载网页的一部分而不使用单独的文件来加载

Question

标题可能有点困惑，所以让我解释一下。

我有一个带有侧面板的网站，其中包含有关用户的信息、用户可以执行的操作等。当用户未登录时，此侧面板将成为登录或注册区域。

代码是:

<?php
if($user->loggedIn)
{
?>
<!-- side-panel for logged in users here -->
<?php
}
else
{
?>
<!-- login/registration etc -->
<?php
}
?>

我想做的是当用户点击使用 AJAX 登录时再次加载这段代码，并使用 jQuery 效果(可能淡入淡出)平滑地使侧面板从登录/注册过渡到 Shiny 的仅限用户面板。

我知道如果我将该代码放在另一个文件中，并通过 AJAX 将其加载到侧面板的 div 中，我就可以做到这一点……但我不想只为侧面板制作一个单独的文件。这可能吗？

Answer 1

您可以使用 AJAX 请求加载页面，然后去除侧面板以外的数据，但这有什么意义呢？您最好的选择是将侧面板简单地分离到它自己的文件中。

哦，这也被认为是正确的做法，因此您可以编辑边栏而不编辑它所在的页面。