У меня есть текстовое поле на веб-странице, где пользователь вводит местоположение города. Я хочу, чтобы это было включено в URL-адрес. У меня есть контроллер Spring, который обрабатывает эти URL-адреса, но у меня возникают проблемы с перенаправлением на этот URL-адрес в первую очередь. Вот мой код

<span id = "form">
            <form  id = "input" target="_self" action="http://localhost:8090/location/city" method="GET" th:action="@{/location/city}">
                <label for="loc" align = right>Location:</label>
                <input type="text" placeholder="Enter Location" th:name= "location" id="loc">
                <input type="submit" value="Submit" onclick="setMode()">
            </form>
            <script>
                document.getElementById("input").action = "http://localhost:8090/location/" + document.getElementById("loc").value;
            </script>

Я хочу добавить только название города, но когда пользователи нажимают кнопку «Отправить», URL становится «/? Location = cityname« Я хочу »/ location / cityname.

0
Kyle S 15 Июн 2020 в 00:51

1 ответ

Лучший ответ
<input type="submit" value="Submit" onclick="setMode()">

Type = "submit" запустит основные стандарты браузера для отправки форм. Когда вы измените его на якорную ссылку без href, он будет работать. Конечно, вы можете оформить ссылку привязки так, чтобы она выглядела как кнопка. В противном случае вам следует использовать event.preventDefault (); для предотвращения формы для отправки.

Ты можешь использовать;

<a onclick='setMode()' >Submit</a>

Вместо того;

<input type="submit" value="Submit" onclick="setMode()">
0
J Quest 14 Июн 2020 в 22:50