У меня есть страница php с меню, например «Главная», «О нас», «Профиль» и т. Д. Теперь, если нажимать на ссылку «О нас», страница не загружается, вместо этого ответ Ajax «О нас» отображается в главном div , Но если пользователь теперь перезагружает окно, информация на главной странице будет отображаться, но я хочу сохранить информацию о «О нас» в главном div, как это было непосредственно перед перезагрузкой страницы. Заранее спасибо …
Вам нужно сделать что-то вроде добавления хэша к URL-адресу, чтобы вы могли повторно отобразить правильное состояние вашей страницы.
как #!/About-us
И в вашем коде проверьте, есть ли у вас сосать хэш, и если да, сделайте правильный рендеринг. Вот очень наивная реализация этой техники. Я настоятельно рекомендую вам взглянуть на одну из многих отличных концепций.
HTML:
<a href="#!/About-us">About us</a>
Javascript:
function renderAbout() { alert("render about"); } var hash = window.location.hash; if (hash === "#!/About-us") renderAbout();
демонстрация
Существует множество возможностей для достижения этой цели:
crossroads.js
Finch.js
David.js
jQuery BBQ
Ниже приведена дискуссия о переполнении стека. И здесь есть дискуссия о том, почему #!/About-us
а не просто #About-us