Javascript 使用GET方法更改URL

是否有方法使用GET方法将某些选定字段提交到URL

通过单击一个按钮，我想在URL上放置一个字符串，但使用GET方法

预期结果：

---

test.html？test=11,13,21,34&somewords=1,2,3&demo=2

<form action="test.html" method="GET">
    <input type="text" name="test">
    <input type="text" name="somewords">
    <input type="text" name="2">
    <input type="submit">
</form>

是！例如：

 function submit() {
   var test = document.getElementById('test').value;
   var demo = document.getElementById('demo').value;
   var somewords = document.getElementById('somewords').value;

   var url = 'test.html?test=' +test + '&somewords=' + somewords +  '&demo=' + demo;
   console.log(url); // test.html?test=1,2,3,4&somewords=noting&demo=2

    // Code for get request 
 }

HTML

提交

实例：

---

希望这有帮助。谢谢

如果您只想更改显示的URL，请使用

如果您确实想导航到其他页面

window.location.href = formatURL(query);

---

假设

formatURL

是一个小的帮助工具，它可以像您提供的那样格式化查询字符串URL。

可以在简单的HTML中使用。用JS提交表单就足够了。

history.pushState(null, null, formatURL(query));

window.location.href = formatURL(query);