Изменить URL-адрес с помощью метода GET

Question

Есть ли способ отправить некоторые выбранные поля URL-адресу с помощью метода GET?

, нажав на кнопку, я хочу поместить строку в URL-адрес, но с использованием метода GET.

ожидаемый результат: test.html тест = 11,13,21,34 & somewords = 1,2,3 & демо = 2

Answer 1

Да! Пример:

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

Answer 3

Если вас интересует только , необходимо указать отображаемый URL-адрес, введите History#pushState.

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

Если вы действительно хотите, чтобы перейти на другую страницу,

window.location.href = formatURL(query); 

Предполагая formatURL небольшой помощник утилита, которая форматирует строки запроса URL, как то, что вы предоставили.