JQuery / JavaScript 在 URL 中添加查询字符串

Question

我只想在单击锚标记时在 URL 中添加一个查询字符串。

网址喜欢： http : //example.me/about/about-me

下面是我的代码。

$(".popup_dir").on('click', function() { 
    var exmp_id = $(this).attr('exmp_id');
    window.location.search = 'exmp_id='+exmp_id;
});

我的问题是，当我单击它时刷新页面并添加查询字符串。 但我不刷新页面。 我希望onclick事件将添加/更新查询字符串值。 就是这样。

在 onclick 事件之后，我想要这种类型的 URL。

网址喜欢： http : //example.me/about/about-me/?exmp_id=7

任何帮助将不胜感激。

谢谢

Answer 1

您可以使用window.history.pushState向浏览器的历史记录添加新项目并更新 URL 栏，而不会导致页面重新加载：

window.history.pushState({}, "", 'http://example.me/about/about-me/?exmp_id=7');

这个函数需要三个参数：

• data ：分配给历史项目的一些结构化数据，例如设置或内容。
• title ：浏览器的后退和前进按钮显示的历史记录下拉列表中的项目名称。
• url : 此状态的 URL，应显示在地址栏中（可选）。