javascript - 如何在网站上节省值(value)？

Closed. This question needs to be more focused。它当前不接受答案。












                            想改善这个问题吗？更新问题，使其仅通过editing this post专注于一个问题。

                        5年前关闭。



如何将值保存在最后一个框中，以便在单击“计算”后就将其完成，将值保存在其中，并且当我重新加载页面时，会重新显示上次计算的总和？如果那不可能，那么他们是我可以在另一个框中保存该值的方法吗？

这是我正在使用的代码：

<HTML>
    <body>
        <form onsubmit="setCookie('inpVal',getFormString(this,true));">
            <input name="numeric" type="text" size="8" maxlength="4" />
            <input name="numeric" type="text" size="8" maxlength="4" />
            <input name="numeric" type="text" size="8" maxlength="4" />
            <input name="numeric" type="text" size="8" maxlength="4" />
            <input name="numeric" type="text" size="8" maxlength="4" />

            <input name="total" type="text" size="8" readonly />

            <input type="button" value="Calculate" onclick="calculate(this.form);" />
        </form>

        <script type="text/javascript">
            function calculate(form) {
                var sum = 0;

                for(var i = 0; i < form.numeric.length; i++) {
                    sum += Number(form.numeric[i].value);
                }

                form.total.value = sum;
            }
        </script>

        <form name="form1" method="post" action="">
            <input type="submit" name="Submit" id="Submit" value="Submit">
        </form>
    </body>
</html>

最佳答案

这是链接saving variable value and retrieve it after page refresh，如果您更喜欢使用javascript和/或php保存特定的值，请给您很多信息。我在这里复制了一些答案，以防将来找不到原始答案。

JavaScript：

1）localStorage（仅适用于HTMl5浏览器）-您可以将其保存为页面的本地存储配额的属性

2）将其保存在Cookie中

3）将变量附加到URL哈希，以便刷新后可通过location.hash检索

的PHP

1）将其另存为会话变量，并在每次页面加载时通过AJAX进行检索

2）将其保存在cookie中（如果要对它进行cookie，也可以使用JS方法）

任何PHP方法都是笨拙的，因为您必须首先通过AJAX将变量的值发送到PHP脚本，然后在重新加载后通过AJAX检索它。

关于javascript - 如何在网站上节省值(value)？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28418484/

上一篇：javascript - Angularjs - 分离全局搜索和页面内容？

下一篇：javascript - localStorage getItem 问题

javascript - Sails Js View 引擎是否支持布局部分？

php - 如何在 Laravel 中使用 setter 方法设置验证规则？

javascript - Bootstrap - 在模式内的弹出窗口内形成

javascript - Ramda `cond` else 语句

javascript - AngularJS 应用程序在传递新参数时不刷新页面

php - 保护远程 mysql 连接的安全

php - mvc 模式、框架、实现

javascript - 打字时向数字添加逗号

jQuery:如何区分用于 CSS 的类和用于 jQuery 操作的类？