Question

我有一个初学者的问题。从一个html页面上的表单中获取数据并在用户单击提交时将其显示在另一个页面上的最简单方法是什么？我有两个函数，一个调用display（）函数的Submit（）（显示函数显示页面上的数据）。我首先在index.html页面上显示了结果，但发现它太杂乱了所以我选择将结果打印到一个单独的html页面。但是，我不记得这样做的正确方法。我尝试将location.href ='results.html'放在我的display（）函数中，因为它不起作用。

Answer 1

您只需使用HTML + Javascript即可实现此目的。

只需使用method="get"创建表单即可。因此，值将通过查询字符串传递给另一个页面。

示例：

的index.html

<html>
    <form method="get" action="results.html">
        <input type="text" name="age" />
        <input type="submit" value="Send" />
    </form>
</html>

results.html

<html>  
    <h1></h1>

    <script>
        document.querySelector("h1").innerHTML = window.location.search.substring(1);
    </script>
</html>

Answer 2

虽然技术上可以使用HTML5 local storage来实现这一点，但问题的最佳解决方案是使用PHP等服务器端语言，您可以在here上作为初学者教程阅读，或者在有关PHP Manual

的详细信息

希望这有帮助

Answer 3

这是一个例子。写下您的html页面（例如＆＃34; index.html＆＃34;），如

<html>
<head>
<title>form with output</title>
</head>
<body>
<form target="out" action="tst.php">
<input type="text" name="a">
<input type="text" name="b">
<input type="submit" name="sub" value="OK">
</form>
</body>
</html>

并且，假设您的网络服务器上有PHP，您可以编写第二个（php）脚本（文件名：＆＃34; tst.php＆＃34;），如下所示

<?php
echo json_encode($_REQUEST);
?>

（php脚本只是将所有传递的变量作为JSON字符串输出）。将表单输出重定向到单独窗口的重要事项是target="out"标记中的<form>部分。

在单独的页面上显示结果

3 个答案:

的index.html

results.html