Question

我有一个带有文本框的表单，当我刷新页面时，所有数据都丢失了，有人可以帮我解决如何在刷新页面时防止数据丢失的问题。我已经对此进行了大量的研究，但在路障之后遇到了障碍，所以我真的希望你能帮助我，非常感谢！

Answer 1

根据我的理解，如果您从客户端代码处理此问题，以下链接将为您提供帮助。

使用Window.sessionStorage可以实现您想要的方式。但是你需要在每次按键时适当地处理它以将数据存储到对象中并进行检索。

https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API

Answer 2

您可以将localStorage（HTML5的功能）用于set和get数据。

HTML：

<input type="text" name="fname" id="firstname">

现在根据您的要求将文本框数据存储在localStorage中的事件中。

var textBoxdata = $('#firstname').val();
// Store textbox current value
localStorage.setItem("firstnameval", "textBoxdata");

然后在document.ready上检查值是否未定义，并使用旧值填充文本框。

$(function(){
    // Retrieve textbox previous value
    var value = localStorage.getItem("firstnameval");

    if (typeof(value) !== "undefined") {
        $('#firstname').val(value)
    }
 });

检查https://www.w3schools.com/html/html5_webstorage.asp了解详情。

Answer 3

由于您标记了php我假设您正在使用它来呈现页面？如果是这样，你可以有一个$_SESSION变量，它具有一个带有表单字段和值的关联数组，在渲染时你可以将表单输入值设置为$_SESSION变量中设置的值。

此外，如果您想要更好地协助解决此类问题，请添加源代码。

如何在页面刷新时防止数据丢失？

3 个答案: