Как выполняется загрузка страницы в этом шаблоне

Question

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

http://localhost/devoops/index.php#ajax/charts_xcharts.html

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

Пожалуйста, проверьте это, чтобы узнать, что я имею в виду, поскольку я не знаю, как это описать.

devoops template

Answer 1

Магия в этом шаблоне создается функцией LoadAjaxContent в строке 1136 в файле js/devoops.js.

Эта функция была использована для: запуска в строке 3361, меню в строке 3400, верхнего меню в строке 3466 и поля поиска на линии 3475, все в том же файле.

Надеюсь, вы хотя бы знаете некоторые знания JQuery, которые на самом деле были тем, что использовалось здесь.

BTW ссылка делает все остальное, и все шаблоны находятся в папке ajax.

Answer 2

Я думаю, что вы упомянули так называется частичной нагрузки или обновить частичный вид.

Существует много каркасов, которые могут достичь таких вещей.

Заканчивать AngularJS и модуль называется ui-router

В принципе, у вас есть страница, как это:

http://levi-lu.net/#/about

Если я использую UI-маршрутизатор, http://levi-lu.net является основной вид и часть после hashtag (/ about) являются маршрутом в этом представлении, переключение между маршрутами влияет только на часть страницы (partial refr esh).