navigare Ajax pentru site-ul

Pentru a începe, am să-ți spun, ce este cauza pentru utilizarea tehnologiei ajax. După cum mulți știți, ajax - o tehnologie de o comunicare asincronă cu serverul, și anume, cererea de trimiterea și primirea unui răspuns de la server, fără o reîncărcare completă a ... Astfel, prin utilizarea de cereri ajax, puteți scăpa de necesitatea, la fiecare tranziție de pe orice site sau pagină pentru a încărca js. css și alte fișiere, precum și o anumită parte a paginii, care va crește în mod semnificativ viteza de recepționare a datelor de către browser-ul, și de a reduce sarcina pe server.

Acum, că înțelegem necesitatea unei astfel de navigare putem trece direct la punerea în aplicare efectivă. Meniul de navigare ar trebui să conțină referințe, dar structura sa html nu contează, așa că nu va fi, în acest să se concentreze asupra. Dar, înainte de a trece să se uite la script-uri, pentru acest tutorial am fost implementat CNC. deoarece aceasta depinde de forma de link-uri care urmează să fie folosite pentru „umbra“ de cereri la server.

Deci, a crea un fișier de configurare a serverului cu extensia htaccess în rădăcina site-ului și a scrie următoarele linii:

Acum, toți parametrii de interogare pot fi transmise cu referire la un șir de adresă URL finală și va fi înregistrată în _url variabilă. Putem începe să revizuiască script-urile și să înceapă cu un script jQuery care trimite o solicitare ajax la server:

Funcția următoare este conceput pentru a testa, cerere ajax vine la server sau nu:

După cum puteți vedea din codul de mai sus, conținutul fiecărei pagini stocate în fișiere separate în directorul rădăcină, precum și link-urile din panoul de navigare conțin numele fișierelor fără a ține cont extensii. Deci, tot ceea ce rămâne - pentru a crea un fișier, introduceți-l în conținut, și se adaugă la meniu, o altă legătură cu numele fișierului.

Aici se încheie lecția noastră a fost de peste. Vă mulțumesc pentru atenție!