Аякс навигация за сайта

За да започнете, ще ви кажа, това, което е причина за използването на Аякс технологии. Тъй като много може би знаете, Аякс - технология за асинхронна комуникация със сървъра, т.е. искане изпращане и получаване на отговор от сървъра без пълно презареждане ... По този начин, с помощта на AJAX заявки, можете да се отървете от необходимостта, при всяко преминаване на всеки сайт или да се зареди JS. CSS и други файлове, както и определена част от страницата, която значително ще увеличи скоростта на получаване на данни от браузъра и се намали натоварването на сървъра.

Сега, ние разбираме необходимостта от такава навигационна можем да преминете направо към реалното изпълнение. навигационното меню трябва да се състои от препратки, но неговата структура HTML не е от значение, така че аз няма да се в това, за да се съсредоточи върху. Но преди да преминат към погледнете скриптове, за този урок са въведени с ЦПУ. защото това зависи от формата на линкове трябва да се използва за "сянката" на заявки до сървъра.

Така че, да създадете конфигурация файлов сървър с Htaccess разширение в корена на сайта и пише в следните направления:

Сега всички параметри на заявката може да се изпращат във връзка с окончателното URL низ и ще бъдат записани в променлива _url. Можем да започнем да се преразгледа скриптове и да започне с JQuery скрипт, който изпраща заявка за Аякс в сървъра:

Следната функция е да провери, искане Аякс идва към сървъра или не:

Както можете да видите от по-горе код, съдържанието на всяка страница се съхраняват в отделни файлове в главната директория, както и връзките в навигацията съдържат имената на файлове, без оглед на разширения. Така че всичко, което остава - да се създаде файл, той влиза в съдържанието, и да добавите към менюто, друга връзка с името на файла.

С това завършва урока свърши. Благодаря ви за вниманието!