我必须有一个由一组 jQueries 提供支持的网站;使用一组菜单按钮动态加载内容。
现在,我想知道的是:
你在blogger上看到过吗?网址就像
blogger.com/blogger.g?blogID=abcd#id
对于#id,如果您输入#overview,它会显示统计信息。如果您放置#allposts,它会显示所有帖子,类似地,内容仅根据网址中的#id 变化。我见过很多网站也使用这种方法来提供永久链接。
我如何做到这一点?对于每个菜单按钮,我提供了一个 #id,如果在 url 中传递它,我需要切换到该特定菜单。
注意:我使用 PHP、js、jQuery 和 HTML5 +/- Ajax
PS:请不要说你可以用这个那个!我是知识的中间人,即我不是专业人士。所以请给我一些算法或代码。
提前致谢:)
最佳答案
window.location.hash
将包含 URL 中的哈希值(#id
、#overview
等)。然后,您可以使用页面加载时运行的 javascript 来检查 window.location.hash 的值,并根据它包含的内容,您可以修改页面,如果需要从服务器检索数据,则可以使用 ajax 调用。
哈希值不会发送到服务器,因此必须由客户端代码对其进行处理。
至于具体代码,你会使用这样的东西;
$(document).ready(function() {
switch(window.location.hash) {
case "#id":
// code here
break;
case "#overview":
// code here
break;
default:
// code here
break;
}
});
其中的具体代码显然取决于您想要执行的操作。如果您需要从服务器获取数据,那么您将发出 ajax 调用来检索该数据。
关于php - URL 中的处理 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11068935/