JQuery和单页界面

我建立了一个可以通过普通index.php访问的网站。所以URL是。现在，我想在底部添加类似于myurl.com/aboutme/的链接，然后在index.php的div中包含aboutme.php。我搜索了一下，通过javaScript找到了各种解决方案，如下所示：

var url = window.location.href;

然后，我应该解析url，如果提到“aboutme”，则使用JQuery将.php文件包含到特定的div中

这是最好的解决方案吗？我现在有点困惑

谢谢

---

编辑：我不是在寻找通过JQuery将内容包含到div中的解决方案。我知道怎么做。问题更多，如何解析URL。因为如果myurl.com/aboutme/aboutme.php中的用户类型应该包含在div中，那么我必须在页面顶部检测到这一点。我的问题是：用上面的命令捕获url并用switch语句解析它是最可行的解决方案吗？

要通过单击操作将信息加载到一个div中，您可以从以下内容开始：

$('a').click(function(e) {
    e.preventDefault();
    var thisHREF = $(this).attr('href');
    $('#content').load(thisHREF); // div id="content" is in index page
});

---

您可以使用jQueryLoad加载页面不同部分的内容

使用一个div作为占位符来显示不同页面的内容。当用户点击不同的链接时，将内容加载到div。您的主url保持不变。但是如果您愿意，也可以在url中附加一些字符串（例如：about）

HTML

<div id="divPageContent"> </div>

<div class="divFooterLinks">
     <a href="about.php">About</a>
     <a href="contact.php">About</a>
</div>

从about.php返回中心内容的标记。因为你的主页已经有页眉和页脚等

<div id="divPageContent"> </div>

<div class="divFooterLinks">
     <a href="about.php">About</a>
     <a href="contact.php">About</a>
</div>

$(function(){

   $(".divFooterLinks a").click(function(){     
     $("#divPageContent").load($(this).attr("href"));
     return false;
   });

});