使用 jquery 在 URL 中添加/更新参数

Question

我的网站上显示了 16 个数据库结果。使用加载更多按钮，用户可以加载接下来的 16 个数据库项并将它们附加到容器中。

我正在尝试一种方法，如果用户在访问链接后点击返回，他们将获得与加载相同数量的结果。

我的计划是在每次加载更多功能后向 url 添加一个页码。当用户在浏览器中点击返回时，我可以在 LIMIT php 子句中使用该参数。

所以，在我的 ajax 响应中，我附加了数据，然后我希望将页码添加到 url，或者如果已经有页码，则更新页码。

我想要实现的一个例子是：

www.mydomain.com/?page=1

我制作了一个带有基本按钮单击功能的 jsfiddle，仅用于测试，因为我一直远离我的笔记本电脑。

jsFiddle

代码只是装箱：

var url = document.URL;
var pageID = '1';
$("#addtourl").click(function(){
    // add page id to the url
    alert(url);
});

提示 URL 的位置我想修改 URL。我已经创建了一个页面 ID，所以这不是问题。

谢谢！

Answer 1

您可以按照here 的说明使用 HTML 5 history.pushState 函数。