将表单变量从一页传递到另一页

Question

我有一个现有的应用程序http://www.successcalculator.com 。 当前，它全部工作在一页上，但是我被要求将其更改为多页流程。 我无法将数据从一页传递到下一页。 我更多是一个业余爱好者开发人员，所以编程不是我的专长。

这是HTML代码的示例：

 <form> <output id="averageJobsOut">30</output> <input type="range" id="averageJobs" value="30" min="0" max="100" step="5" oninput="averageJobsOut.value = averageJobs.value" required> <output id="jobValueOut">30</output> <input type="range" id="jobValue" value="30" min="50" max="2000" step="10" oninput="jobValueOut.value = jobValue.value" required> <output id="yearsOpenOut">3</output> <input type="range" id="yearsOpen" value="3" min="1" max="20" step="1" oninput="yearsOpenOut.value = yearsOpen.value" required> <input type="submit" onSubmit="calculateAll()"></input> </form> 

这是JavaScript的示例：

 function calculateAll() { var averageJobs = +document.getElementById("averageJobs").value; var jobValue = +document.getElementById("jobValue").value; var yearlyRev = parseInt((averageJobs * 50) * jobValue); document.getElementById("yearlyRev").value = yearlyRev + " Yearly Revenue"; } 

我希望该应用程序可以像现在一样收集人们的意见，并希望在提交表单后将人们重定向到可以使用表单结果的results.html。

我将以下JavaScript添加到了calculateAll（）函数中，但似乎无法获取要移动的数据。 我还尝试了表单中的一些基本PHP GET＆POST函数，但只能带来表单输入而不是计算。

 var averageJobs = document.getElementById("averageJobs").innerHTML; localStorage.setItem("averageJobs", averageJobs); window.open("results.html","_self"); 

任何帮助或见识将不胜感激。 提前致谢。

Answer 1

30 30 3

与PHP一起使用表单操作，而不是javascript。

Answer 2

使用表单方法传递数据并通过php页面捕获它们。 您可以使用POST隐藏数据，而可以使用GET显示通过url传递的数据。 为此，POST是可取的。

<form action="action_page.php" method="POST">

从php文件中，您可以通过创建自己的变量并使用它来捕获数据

$var1 = $_POST('Name_of_the_Controller');