如何在html中重定向后保留输入值？

Question

我正在使用thymeleaf，html，angularjs，js和spring boot来创建一个Web应用程序。我的主要问题是如何保留输入值并将该值显示在下一页的输入框中？

示例：当您在右上方的搜索栏中键入问题时，堆栈溢出，您将被重定向，并且您还会获得一个新搜索栏，其值与您之前输入的值相同。

的index.html

<form action="getDetails" method="POST">

    <p> Mac Address: </p><input type="text" name="inputMacAddress" id="inputMacAddress" required="required" placeholder="Enter Mac Address"  />

    <br/>

    <input type="submit" value="Submit" class="marginButton"/> <input type="reset" value="Clear" onclick="Redirect();" class="marginButton" />
    <script>
        function Redirect() {
            window.location.href = 'http://www.localhost:8080';
        }
    </script>

</form>

getDetails.html

<form action="getDetails" method="POST">

    <p> Mac Address: </p><input type="text" name="inputMacAddress" id="inputMacAddress" required="required" placeholder="Enter Mac Address"  />

    <br/>

    <input type="submit" value="Submit"/> <input type="reset" value="Clear" onclick="Redirect();" />
    <script>
        function Redirect() {
            window.location.href = 'http://www.localhost:8080';
        }
    </script>

</form>

Answer 1

您在应用中使用Angular路线吗？在重定向中（假设您从角度代码重定向），您可以在网址中添加查询参数，并使用$routeParams在第二页上提取它们。

Answer 2

您需要使用GET或POST传递参数。在大多数情况下使用GET。 例如

然后将该GET值传递给输入。

查看http://localhost.html?q="Hello+world" here