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

Question

I have a form that the user can add rows to. When that form is submitted I need to store those values in cookies so I can reload the form when the page refreshes or the user leaves the site and returns. I've already got the form being built from javascript and am looking for some sort of js or php tool that will automatically store and reload forms, including dya=namic generation of forms.

Thanks!

Answer 1

Seems like you should be able to use jquery's built in form serializer, and then save that in a 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

To pull it back out, you should be able to simply split on the key/value with the "=" as the split character, then loop through each one, and build out the form HTML.