javascript - 将参数添加到url javascript

Question

我想给 url 添加一个参数。这里的问题是当我点击标签时 history.pushState 正在工作但是在删除参数之后。首先，在 url 更改为 /general-info 后，history.pushState 更改为 /general-info-21,2231-44,333。我该如何解决？

HTML

<ul>
    <li><a href="/general-info" data-desc="general-info" onclick="dataInfo($event)">General Info</a></li>
</ul>

JS

function dataInfo($event){
    var desc = $($event.target).attr("data-desc");
    lat="21,2231";
    lng="44,333";
    history.pushState(null, null, desc + "-" + lat + "-" + lng);  
}

Answer 1

我只是把可能的解决方案放在这里。

方法 1。您可以在处理程序中使用 $event.preventDefault(); 禁用标记 a 的默认行为。

方法 2. 您可以设置 href="#" 而不是 href="/general-info" 并且它不会占用你到另一条路线