Как перенаправить ссылку на запрос с помощью кнопки? - PullRequest
0 голосов
/ 30 октября 2019

Я работаю над проектом, в котором есть URL запроса example.com/data/?name=xx&location=yy. Я сделал это с помощью метода get для упрощения проекта. Но я застрял в маленькой проблеме. Я не могу перенаправить на этот URL с данными формы.

Я попытался получить входные значения формы с помощью var nameInput = document.getElementById("productNameInput").value;, а затем я объединил эти значения в URL. Затем я сделал вызов перенаправления для этих URL, но он не работал.

document.getElementById("buttonID").onclick = function () {
  var nameInput = document.getElementById("productNameInput").value;
  var locationInput = document.getElementById("productLocaInput").value;
  var goToURL = "http://example.me/data/add/?" + "name=" + nameInput + "&" + "location=" + locationInput;

   window.location.replace(goToURL);
    };

Но сообщений об ошибках или что-то еще нет. Когда я нажал эту кнопку, страница внезапно обновилась, и ничего не произошло.

Ответы [ 2 ]

0 голосов
/ 30 октября 2019

если вы не хотите обновлять страницу, попробуйте это

const queryString = `?name=${nameInput}&location=${locationInput}`
history.pushState(null, null, queryString);


см. [History API]: https://developer.mozilla.org/en-US/docs/Web/API/History_API

0 голосов
/ 30 октября 2019

window.location.href = goToURL;как?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...