gpt4 book ai didi

jquery - jQuery AJAX 拉取后更新 URL

转载 作者:行者123 更新时间:2023-11-27 22:36:03 24 4
gpt4 key购买 nike

我有一个名为 index.html 的网页,它通过 jQuery load() 方法连接到其他页面(portfolio.php、friendzone.php 等)。

示例:我的菜单有以下代码:

<a href="./" class="button"><div id="homepageBtn"></div></a>
<a onclick="showPage('progressi')" class="button"><div id="progressiBtn"></div></a>
<a onclick="showPage('interessi')" class="button"><div id="interessiBtn"></div></a>
<a onclick="showPage('friendzone')" class="button"><div id="friendzoneBtn"></div></a>
<a onclick="showPage('contact')" class="button"><div id="emailBtn"></div></a>

当我点击非主页选项时,调用 showPage() 函数:

function showPage(page) {
$("#post-title").fadeOut (200, function() {
$("#post-title").html(page); // Edit the page title in the div
Cufon.refresh(); // I use Cufon plugin, so I reload it
}).fadeIn(500);

$("#post-content").fadeOut (200, function() {
$("#post-content").load(page + ".php", function() { // If I pass for example "contact", it loads me the page contact.php in the "post-content" div
$('a.boxed').colorbox({rel: 'Galleria'}); // I use colorbox jQuery plugin, so I reload it here
$('a.iframe').colorbox({iframe: true, width: "80%", height: "80%"}); // Same here

});
}).fadeIn(500);
}

一切都完美无缺,除了一件事:

当我在我的 div 中加载另一个页面内容时,URL 没有改变。我认为这对 Google 抓取工具和想要通过单击浏览器的后退按钮转到上一页或共享指向我网站特定页面的链接的用户来说非常不利。

有什么方法可以根据我在 div 中加载的内容获得不同的 URL?

最佳答案

您可以在不更改实际页面 url 的情况下修改浏览器 url,但我认为这不会影响爬虫。您需要为机器人生成站点地图。设置一个谷歌网站管理员帐户并在那里提交您的站点地图。

Updating address bar with new URL without hash or reloading the page

window.history.pushState("object or string", "Title", "/new-url");

为什么不制作一个带有 get 变量的重定向到主页的 share.php?例如,在每个页面上都有一个链接到 index.php?page=friendzone 的“共享”按钮

当有人加载共享链接时,它会包含类似这样的内容。将它放在您的 <head> 中标签。

<? 
//Include this right before your end </head>.
if(isset($_GET['page']))
{
?>
<script>
$(function() {
showPage('<? echo htmlentities($_GET['page']); ?>');
});
</script>
<?
}
?>

然后在您的 showPage 中,您可以执行以下操作:

if ( history.pushState ) history.pushState( {}, page, "/?page="+page );

关于jquery - jQuery AJAX 拉取后更新 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13765160/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com