Navigare Ajax ce este ca pagina 2 - blog-ul dezvoltatorului

În legătură cu multiple întrebări referitoare la acest modul, am decis să scriu aceste știri. Pentru a explica ce este navigația AJAX și de ce unii oameni nu vor să muncească. De asemenea, voi da câteva exemple și soluții ale unor sarcini triviale pe exemplul acestui site.







Deci, informațiile de bază sunt în Wikipedia.
AJAX, Ajax (din limba engleză asincronă j # 097 ;. Vascript și XML - «asincron j # 097; vascript si XML») - abordare pentru construirea de interfețe utilizator interactive, aplicatii web, asigura "fundal" schimbul de date browser cu un server de web . Ca urmare, atunci când actualizați datele, pagina web nu se reporni complet, și aplicații web devin mai rapid și mai convenabil. Ie. Elementele de pagină DOM (Document Object Model) au fost formate, și AJAX, trebuie doar să schimbăm conținutul paginii. Cu o lipsă de înțelegere a acestui fapt, practic, și există probleme la configurarea modulului.

Voi explica ce se întâmplă atunci când pagina este actualizată. Java Script Script primește date de la PHP pe conținutul paginii solicitate pe baza datelor din mainajax.tpl, și înlocuiește pagina de interior (elementul cu un egal DLE-conținut id).

Principala problemă este cu șabloanele nealiniate, care utilizează aviabil.






Exemplu de cod nefolosit:

Rezultatul este că conținutul nu se schimbă, din cauza a ceea ce? Datorită faptului că nu există un element de conținut, deoarece este înregistrat în interior.
Cum să rezolv? Este necesar să o înregistrați în acest mod (nu numai în main.tpl, dar și în mainajax.tpl)
main.tpl


Acum, la cele mai complexe - tot ce depășește conținutul - de exemplu, bara de viteză, un bloc de informații sau alunecatoare diferite. Deoarece aceste blocuri depășesc conținutul - acestea nu sunt procesate. Prin urmare, ei trebuie să facă totul cu stilouri, de exemplu acest site

Deci main.tpl - Trebuie să înfășurați etichetele în elementele DOM


și în mainajax.tpl face acest lucru

Ca rezultat, primim: Pe principala nu exista bara de viteza, dar pe celelalte este

A fost o nouă etichetă - această etichetă funcționează numai în această construcție: $ (.) .html (''); - Puteți face acest lucru și pentru alte blocuri - ,,, și mp. Cu toate acestea, puteți utiliza și etichetele obișnuite ,,, și mp.

Puțin mai dificil cu glisoarele, în principiu structura este următoarea:

Deci, prima linie trebuie să fie introdusă în main.tpl, deoarece trebuie să încărcați funcțiile cursorului. Dar al doilea rând trebuie să fie descrisă în main.tpl și mainajax.tpl, t. Pentru a. Noi lucrăm slider pereinitsializuem. De exemplu:
În main.tpl

Astfel. vom inițializa cursorul atunci când suntem în principal și îl eliminăm când suntem pe alte pagini.


Acum, inovație - forme de navigare AJAX :. Deoarece formularele nu sunt pentru toată lumea de pe site-ul este posibilă implementarea de navigare AJAX - au nevoie pentru a specifica manual o furtună de nisip, se face acest lucru în main.tpl:


Dar puteți face mai ușor:


Și pentru a testa toate formele - care nu par a fi excluse

Fitch:
Cum pot schimba conținutul ferestrei de progres?
în main.tpl introducem acest lucru







Articole similare

Trimiteți-le prietenilor: