Interacțiunea cu javascript

De câte ori a trebuit să faceți clic pe o pagină Web și apoi să urmăriți încărcarea site-ului în bara de stare a browserului dvs.? Poate că conexiunea la Internet este întreruptă? Sau a fost o eroare la conectarea la sistemul de bază? Sau sistemul funcționează atât de încet? Adesea, aceste probleme complică recunoașterea noilor soluții web, mai ales când se înlocuiește o aplicație client mai rapidă și mai puternică (cum ar fi o aplicație Windows).

În această situație, cel mai simplu mod de a convinge utilizatorii de aplicația lor în operabilitatea lor este să le furnizeze rapoarte de progres care le informează că sistemul își procesează în prezent cererea.

Pentru a crea un procesor de pagină, va trebui să răspundeți la evenimentele JS onload și onunload. Mai jos este o pagină (numită PageProcessor.aspx) care demonstrează această abordare. Afișează un indicator de încărcare a paginii (o colecție mare de indicatori poate fi descărcată la www.ajaxload.info). element este asociat cu două funcții care vor fi luate în considerare în curând.

Și, în final, când pagina este încărcată complet, evenimentul clientului onunload este generat. În exemplul de mai sus, evenimentul onunload este asociat cu funcția EndPageLoad (). Această funcție oprește temporizatorul, șterge mesajul de progres și stabilește un mesaj de transfer temporar care dispare de îndată ce noua pagină este redată în browser. Mai jos este codul:

Pe tot parcursul procesului nu se efectuează niciun flux de reflux, Rezultatul final este un raport de progres care rămâne pe ecran până atunci. În timp ce pagina de destinație este complet procesată și încărcată:

Interacțiunea cu javascript

Pentru a testa procesorul pagină, trebuie să utilizați o pagină de destinație care durează o lungă perioadă de timp, atunci când rulează pe un server (datorită volumului de lucru efectuat de codul) sau prin descărcarea clientului (din cauza dimensiunii paginii). Paginile lent poate fi imitat prin plasarea în pagina de destinație codul de latență cum ar fi următoarele:

Acum când solicitați această pagină prin intermediul procesorului de pagină, veți putea observa mesajul de progres pentru cinci secunde.

Vizualizarea blocurilor de script

În exemplul de mai sus, am folosit un bloc static