gpt4 book ai didi

javascript - 替换 URL、内容和标题,无需重新加载页面

转载 作者:行者123 更新时间:2023-12-03 10:19:10 27 4
gpt4 key购买 nike

我想通过更改 div 内容来创建一页网站而不加载新页面。所以,我实现了这样的代码:

HTML:

<title>Post title</title>
<body>
<a class="js-post-bt" href="/post/1" data-id="1"></a>
<a class="js-post-bt" href="/post/2" data-id="2"></a>
<a class="js-post-bt" href="/post/3" data-id="4"></a>

<div id="post-container"></div>
</body>

脚本

$(function() {
$(".js-post-bt").on("click", function(e) {
var post_id = $(this).attr("data-id");
$.ajax({
url: "post_title.php?id="+post_id,
success: function(data) {
var title = data;
$.ajax({
url: "post.php?id="+post_id,
success: function(data2) {
// how to change url to post/post_id?
document.title = title;
$("#post-container").html(data2);
}
});
}
});

e.preventDefault();
});
});

是否可以只创建一个ajax调用并获取返回的数据(标题和帖子数据)。以及如何在点击 anchor 链接后将浏览器地址更改为 post/post_id

最佳答案

您可以在 HTML5 中使用历史记录 api

演示 -> http://html5demos.com/history

操作方法 ->

http://diveintohtml5.info/history.html

http://html5doctor.com/history-api/

关于javascript - 替换 URL、内容和标题,无需重新加载页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29723549/

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