Я использую потрясающий плагин автозаполнения jQuery .Однако я немного новичок в понимании поведения браузера и Ajax, поэтому у меня есть вопрос.
Это последовательность событий:
- Пользователь вводит 'fish' в текстовое поле
- Пользователь выбирает название книги из списка параметров автозаполнения - Fish Farming, FishЖарка и т. Д.
- HTML загружается на страницу (как ajax) - «нажмите здесь, чтобы перейти на рыбоводство»
- Пользователь нажимает на ссылку и загружает страницу «Рыбоводство»
- Пользователь принимает решение о рыбоводствене для них, нажимает на кнопку «назад» - и возвращается на пустую страницу!
Как я могу изменить это так, чтобы, когда пользователь возвращается на домашнюю страницу, он видел Fish Farminghtml - страница, которую они только что просматривали?
Это мой код автозаполнения:
// Autocomplete listener.
$("#q").catcomplete({
source: "/book_results",
select: function(event,ui) {
$('#book_results').html(load_img);
if (ui.item.category=="Books") {
$.bbq.removeState();
var paramsObj = { 'b' : ui.item.id };
$.bbq.pushState( paramsObj );
get_books(null, null, null, ui.item.id);
} else {
$.bbq.removeState();
var paramsObj = { 's' : ui.item.id };
$.bbq.pushState( paramsObj );
get_books(null, ui.item.id, null);
}
}
});
Как видите, я уже использую плагин BBQ обновить фрагмент URL, когда пользователь выбирает что-то из автозаполнения, просто потому, что это показалось хорошей идеей.
Итак, мой хэш установлен в book_id
, но как я могу гарантировать, что соответствующий HTML загружаетсякогда пользователь нажимает кнопку Назад?
Спасибо!