Сохранение данных формы при уходе с сайта

#jquery #forms #ajax

Итак имеется форма заказа на сайте с большим количеством полей (уже оптимизированных
и все равно количество достаточно большое).
Задача: Когда пользователю наскучило заполнять данные, он нажимает на вкладке крестик
или закрывает браузер - сохранить все его введенные данные формы куда либо (в сессию
по средствам PHP, и похоже что это единственный доступный вариант).
Цель: После прошествия некоторого времени пользователь возвращается на сайт, открывает
форму, а у него уже форма почти заполнена теми данными которые он в прошлый раз не
дозаполнил, тем самым ускоряя весь процесс заказа продукции.
Особенности: Форма работает по средствам JQuery и отправляется на сервер AJAX запросом,
ну и соответственно заказ тем самым совершается. Браузер не кэширует такие формы, и
после перезагрузки страницы снова приходится заполнять.    

Ответы

Ответ 1

Не все браузеры поддерживают, или корректно работают с событием закрытия страницы.
Но даже если вам пойдет реализовать данную "фичу" для некоторых браузеров, то на мой
взгляд сделать это можно так:
 - сериализация формы в строку
 - записать массив в cookie на большой срок
Тем самым когда пользователь вернутся на страницу можно восстановить данные из cookie.
При использовании jquery используйте serialize();
Реализация представленная пользователем @knes, поможет обойтись Вам без события закрытия
страницы.


Ответ 2

Используйте COOKIES с "бесконечным" временем хранения. Других надежных способов ДО
авторизации сохранять форму нет.
Сохранение при потере фокуса с любого поля.
$("input").blur(function(){/*Saving to cookies*/});