Вкладки JQuery Ajax + сохранение состояния

Question

Я застрял в проблеме и не могу найти никакой помощи..Я пробовал свой собственный код, искал учебные пособия по этому вопросу, но, похоже, ничего не достигло цели.

В настоящее время я использую вкладки пользовательского интерфейса JQuery для приложения.Каждый щелчок по вкладке фактически загружает ее содержимое с помощью Ajax.Мне теперь нужно расширить функционал и сохранить состояние между вкладками.

Пример:

Нажмите вкладку A и заполните форму документации.Нажмите вкладку B, чтобы найти некоторую информацию.Нажмите вкладку A, и информация все еще будет присутствовать.

Есть ли у кого-нибудь представление о том, как я могу это сделать?

Answer 1

Я думаю, вы сможете это сделать, если установите cache опция на ваших вкладках, чтобы true, например:

$('#tabs_selector_here').tabs({
    cache : true,
    ...
    whatever other options
    ...
});

Редактировать: это сработало для меня.

Редактировать 2: Если вы ищете что-то более продвинутое, вы можете привязать функцию к одному из событий вкладок (попробуйте tabsselect), который извлекает все из вашей формы и либо отправляет это на сервер с помощью Ajax-вызова, либо просто сохраняет где-то в DOM.

Answer 2

Возможно, установите скрытое поле на вашей странице, в котором указано, что он не выполняет ajax-запрос TAB A и читает только данные, уже загруженные в вашу форму.

Или вы можете создать объект javascript, в котором сохраните загруженные данные.