Question

我有一个现有的应用http://www.successcalculator.com。目前，它在一个页面上运行，但我被要求将其更改为多页流。我无法将数据从一个页面传递到另一个页面。我不仅仅是一个业余爱好者，所以编程不是我的强项。

以下是HTML代码的示例：

＆＃13;

<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>

＆＃13;

以下是JavaScript的示例：

＆＃13;

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";
  
  }

＆＃13;

我希望应用程序能够像现在一样收集人们的输入，并且在提交表单时我希望将人们重定向到结果表格结果可用的结果。

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

＆＃13;

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

＆＃13;

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

Answer 1

三十三十 3

使用php的表单操作，而不是javascript。

Answer 2

使用form方法传递数据并通过php页面捕获它们。您可以使用POST来隐藏数据，并使用GET来显示您通过URL传递的数据。对于这个POST是可取的。

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

从php文件中，您可以通过创建自己的变量并使用此

来捕获数据

$var1 = $_POST('Name_of_the_Controller');

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

2 个答案: