如何通过cookie存储和重新加载动态表单？

Question

我有一个用户可以添加行的表单。 提交该表单时，我需要将这些值存储在cookie中，以便在页面刷新或用户离开站点并返回时重新加载表单。 我已经有了从javascript构建的表单，我正在寻找某种js或php工具，它将自动存储和重新加载表单，包括dya = namic生成的表单。

谢谢！

Answer 1

看起来你应该能够使用jquery的内置表单序列化程序，然后将其保存在cookie中。

//here's a little helper function to set a cookie

function setCookie(key, value, daysUntilExpiration) {
    var expiration = new Date();
    expiration.setTime(expiration.getTime()+(daysUntilExpiration*86400000));

    document.cookie = key + "=" + value + ";expires=" + expiration.toGMTString() + ";path=/";
}

//first, get the serialized data from your dynamic form
var formData = $("#myform").serialize();

//then, save it into a cookie
setCookie("myform", formData, 30); //cookie saved for 30 days

要将其拉出来，您应该能够简单地将键/值拆分为“=”作为拆分字符，然后循环遍历每个键，并构建表单HTML。

Answer 2

您可以使用PHP的setcookie（）函数来保存它们。 这里有一些简单的功能可以做你想要的。 但是，这仅适用于具有值的输入。 它不适用于选择。 确保每个输入都有不同的名称，否则这将无效。

function SaveAll() {
    $cookie_expires = 14; // how many days until the cookies expire
    foreach($_POST as $col => $val) {
        setcookie("form_".strtolower($col), $val, time()+(64000 * $cookie_expires));
    }
}

function Load($item) {
    $item = strtolower($item);
    if(!$_COOKIE['form_'.$item]) return null;
    return $_COOKIE['form_'.$item];
}

if($_POST['submit_button_name']) {
    SaveAll();
    echo "All inputs have been saved! <BR><BR>";
}

然后只需在所有输入中添加这样的内容即可。

<input name="Item01" value="<?=Load('Item01');?>" />