Могу ли я сохранить данные сериализованной формы?

Question

В моих постоянных попытках понять хэш-теги и навигацию по страницам я столкнулся с дорожным блоком с повторной отправкой данных формы, если пользователь использует кнопки навигации в браузерах (например, назад и вперед).

Моя функция, которая используетданные формы приведены ниже:

if(page == "/visits_results") {

    $('#start').val(start);

    $.post("visits_results.php", $("#profile_form_id").serialize(),
    function(data) {
        $('#search_results').html(data);
        location.href = "#visits_results=" + start; 
    });
}

Это прекрасно работает, если форма все еще видна, например, если я использую нумерацию страниц, она работает так, как я ожидал.

Моя проблема заключается в том, когдапользователь нажимает кнопку возврата браузера (форма была удалена), а затем нажимает кнопку перехода браузера.Событие запускается, но мои сериализованные данные формы теперь пусты.Есть ли способ кешировать данные формы, чтобы я мог продолжать вызывать ее?

Есть мысли?

Answer 1

Лучше всего (я думаю) было бы сохранить сериализованные данные в файле cookie.Когда пользователь возвращается на страницу, которую он / она уже заполнил, извлекает данные из файла cookie, снимает их сериализацию и помещает обратно туда, где он принадлежит.

С файлами cookie довольно просто работать, естьхорошая кросс-браузерная реализация для чтения / записи файлов cookie в режиме quirksmole:

• http://www.quirksmode.org/js/cookies.html

или если вы предпочитаете использовать плагин:

• http://code.google.com/p/cookies/
• http://plugins.jquery.com/project/Cookie

Answer 2

Вы можете довольно легко сохранить данные, используя localStorage как http://jsfiddle.net/zDPjm/

Answer 3

Ну, конечно, вы можете сделать что-то очень простое, например:

if ($("#profile_form_id").serialize() != "") serializedFormData = $("#profile_form_id").serialize();
$.post("visits_results.php", serializedFormData, /* Rest of Code */