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

时间:2014-04-30 15:08:25

标签: javascript php jquery html ajax

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

我试图制作一个方法,以便如果用户在访问链接后点击回来,他们将显示与加载时相同数量的结果。

我的计划是在每次加载更多功能后向网址添加页码。当用户在浏览器中单击时,我可以在LIMIT php claus中使用该参数。

所以,在我的ajax响应中,我追加数据,然后我希望在网址中添加页码,或者如果已经存在,则更新页码。

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

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);
});

如果提醒网址,我想修改网址。我已经创建了一个页面ID,这不是问题。

谢谢!

1 个答案:

答案 0 :(得分:2)

您可以按照history.pushState所述使用HTML 5 here功能。