Question

有没有办法使用GET方法将一些选定的字段提交到URL？

点击一个按钮，我想在URL上放一个字符串，但是使用GET方法。

预期结果：？的test.html测试= 11,13,21,34＆安培; somewords = 1,2,3＆安培;演示= 2

Answer 1

一种简单的形式很可能会

<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>

Answer 2

是的！示例：

 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

 <input type="text" value="1,2,3,4" id="test">
 <input type="text" value="noting" id="somewords">
 <input type="text" value="noting" id="dummy">
 <input type="text" value="2" id="demo">
 <button onclick="submit()">Submit</button>

实例：https://jsbin.com/cayude/edit?html,js,console,output

希望这会有所帮助。谢谢！

Answer 3

如果您只对更改显示的网址感兴趣，请使用History#pushState。

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

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

window.location.href = formatURL(query);

假设formatURL是一个小帮助程序实用程序，它可以像您提供的那样格式化查询字符串URL。

使用GET方法更改URL

3 个答案: