1

我有 2 个 HTML 文件和 1 个 javascript 文件，index.html、results.html 和 file.js

在 index.html 中，我检索用于在 javascript 文件中进行一些计算的用户输入。按下按钮时开始计算。现在我想显示从 index.html 检索到的数据以显示在 results.html 上，因此当按下按钮时，它应该运行该函数并转到另一个页面。

计算结果并在 1 页上显示结果一切正常，但我不知道如何在 results.html 上显示结果。

这是一段代码的样子：

function berekenKoolBehoefte(){
    koolBehoefte = (energieBehoefte - (eiwitBehoefte * 4) - vetBehoefte) / 4;
    toonKool();
}

function toonKool(){
    var uitkomstKool = document.getElementById("uitkomstKool");
    uitkomstKool.innerHTML = (koolBehoefte * 4).toFixed(1) + " kcal" + " " +     koolBehoefte.toFixed(1) + " gram"
}
bereken.addEventListener('click', berekenKoolBehoefte, false);

这显示在 1 页上，知道函数 toonKool() 应该显示在 results.html 中

4

2 回答 2

2

在这种情况下，最好的选择是使用：

  • 服务器端存储值并从那里获取结果
  • cookies - 如果是小数据，只需将其放入 cookie 中。有关如何使用纯 javascript 的 cookie 的更多信息，请查看此处
  • 将您的结果附加到 url，然后用 JS 解析它们。你可以在这里看到它是如何完成的
  • iFrame - 您可以将结果附加到 iframe 中并访问数据。这个方法很好，但就我的口味来说——太糟糕了
于 2012-07-19T14:33:50.833 回答
1

我认为你最好：

1）在按钮周围的页面上创建表单。

2）在表单提交时进行计算并将结果放入表单中的隐藏字段（或将所有字段发布到服务器端）。然后，您要传递的所有参数都可以在第二页的服务器上访问。

3) 使用之前的 GET 或 POST 参数显示第二页。

Cookie 是您可能忘记清除的东西，而且管理起来要困难得多。

iframe 中的计算比使用 ajax 差得多。您可以使用 ajax 部分加载第二页，然后所有 javascript 变量都将保留。

于 2012-07-19T14:43:14.030 回答