Одностраничный сайт с Ajax NAvigation - PullRequest
0 голосов
/ 18 мая 2018

Я планирую простой макет веб-сайта: заголовок с навигацией, боковой панелью и блоком контента.

enter image description here

Весь сайт должен быть одностраничное приложение , поскольку я использую визуализацию цезия, а при перезагрузке страницы удаляются текущие объекты JS, отображаемые в средстве просмотра.

Поэтому я хотел бы перезагрузить контейнер содержимого с помощью AJAX дляотобразить мои разные «страницы» и, следовательно, сохранить все объекты JS в браузере.

Мой вопрос:

Знаете ли вы, как добавить навигацию на основе URL в эту архитектуру?

Например: я на индексной странице / index / и ввожу новый URL / content1 /.Новый URL-адрес перезагружает контейнер содержимого с помощью AJAX и сохраняет все остальное как есть.Поэтому я также мог бы использовать кнопки браузера «вперед» и «назад».

Возможно ли это с маршрутизацией ASP.net MVC?Я довольно новичок в этом, поэтому я надеюсь, что достаточно хорошо описал свою проблему.

Спасибо большое!

1 Ответ

0 голосов
/ 18 мая 2018

Попробуйте Pjax, который использует ajax для динамической загрузки контента через ajax и pushState для поддержки истории URL, т.е. это HTML5 API.Более подробную информацию вы найдете по ссылке ниже

https://github.com/defunkt/jquery-pjax

Если вы знакомы с angularjs, тогда использование ngRoute - лучшая альтернатива Pjax, так как оно эффективно управляет URL через службу маршрутизации.пожалуйста, проверьте ссылку ниже для более подробной информации о ngRoute

https://docs.angularjs.org/api/ngRoute/service/$route

...