如何在不重新加载页面的情况下向我的网址添加参数？

Question

我有这个网址 http://localhost:1234/pag1

当我点击div时,我想在下面:

 http://localhost:1234/pag1?fare=standar

我有一个onclick事件功能:

 <div id="" onclick="addUrl();"> </div>

和js代码:

<script type="text/javascript">
 function addUrl() {
    var url = window.location.href;
    window.location.hash = '?fare=standar';
};
    </script>

这给了我这个结果:

http://localhost:1234/pag1#?fare=standar

我不知道如何删除(#).我只需要将参数添加到url,而无需刷新页面.

建议我!谢谢.

Answer 1

使用 window.history.pushState( {} , '', '?fare=standar' );

这应该更新网址而不刷新.

您也可以对pushState进行一些研究,因为实现可能会有所不同.