Home - Rasfoiesc.com
Educatie Sanatate Inginerie Business Familie Hobby Legal
Doar rabdarea si perseverenta in invatare aduce rezultate bune.stiinta, numere naturale, teoreme, multimi, calcule, ecuatii, sisteme




Biologie Chimie Didactica Fizica Geografie Informatica
Istorie Literatura Matematica Psihologie

Baze de date


Index » educatie » » informatica » Baze de date
» Ce este AJAX ?


Ce este AJAX ?


Ce este AJAX ?

Ajax este prescurtarea de la "Asynchronous JavaScript and XML". Termenul a fost introdus de catre Jesse James Garrett in februarie 2005. Nucleul sau il reprezinta obiectul XMLHttpRequest care este folosit pentru a schimba date asincron cu serverul web; nu este o tehnologie, ci termenul se refera la un grup de tehnologii.

Ajax depinde de JavaScript pentru functionare, iar JavaScript este deseori implementat in moduri diferite pe diferite browsere. Din aceasta cauza siturile care folosesc JavaScript trebuie testate in mai multe browsere pentru a verifica sa nu apara probleme de compatibilitate. Sunt multe cazuri in care codul JavaScript trebuie scris de doua ori, o versiune pentru IE, de exemplu, si alta pentru Mozilla.



Astfel de cazuri insa sunt mai rare odata cu aparitia de librarii de abstractizare a JavaScript precum Prototype JavaScript Framework sau Jquery. Aceste librarii abstractizeaza limbajul rezolvand transparent problemele de compatibilitate intre diferite browsere.

Avantaje ale folosirii Ajax:

in primul rand elimina refresh-ul paginii web, ceea ce face ca aplicatia web sa semene cu una desktop si astfel duce la o imbunatatire a interefetei utilizator

imbunatatire a lungimii de banda

o separare a datelor, functionalitatii si a formatari paginii

Dezavantaje

nu ruleaza pe versiuni vechi ale browserelor

lipsa functionalitatii a butoanelor de back si forward (desi mai nou sau gasit work - around uri)

la timpi de raspuns foarte mari utilizatorul are impresia ca cererea lui nu este procesata (acest lucru poate fi evitat introducand un preloader)

unele dezavantaje in privinta SEO

nu ruleaza daca Javascript-ul este oprit de catre utilizator (sau browser-ul nu cunoaste limbajul javascript, cum sunt browserele text only)

Un "Hello World" al Ajax-ului

De obicei acest lucru este realizat printr-o aplicatie care aduna doua numere. Adunarea va fi realizata de catre un script php care va fi "chemat de catre Ajax"

hello.html

Pagina are doua input-uri care au asignate doua id-uri nr1 respectiv nr2 si un buton de submit care atunci cand este apasat se executa functia calculeaza definita in fisierul ajax.js inclus in head-ul paginii.

Cod:

<!DOCTYPE html PUBLIC "-/ / W3C/ / DTD XHTML 1.0 Transitional/ / EN"
"https:/ / www.w3.org/ TR/ xhtml1/ DTD/ xhtml1-transitional.dtd"
>
<
html xmlns "https:/ / www.w3.org/ 1999/ xhtml">
<
head>
<
title>Hello World Ajax</ title>
<
script type "text/ javascript" src "js/ ajax.js"></ script>
</
head>
<
body> Nr 1 = <input type "text" id "nr1″ / > Nr 2 = <input type "text" id "nr2″ / >
<
br / >
<
input type "submit" value "Calculeaza" onclick "javascript:calculeaza();" / >
<
div id "rezultat" / >
</
body>
</
html>

ajax.js

In acest fisier se creeaza obiectul XMLHttpRequest care este "inima" Ajax-ului si functiile care lucreaza cu acesta

Cod:

var xmlHttp creazaXmlHttp
Returneaza obiectul XMLHttpRequest creat

function creazaXmlHttp
catch (e

/ / Pt Mozilla sau alte browsere else
catch (e

if

xmlHttp alert "Nu s a putut crea obiectul XMLHttpRequest ."
else
return
xmlHttp


Acesta functie preia numerele introduse in input-uri si le trimite php-ului pentru calculare

function calculeaza


Acesta este functia de "callback" care primeste rezultatul de la php

function gestioneazaRezultat
/ / daca statusul este diferit avem o problema else

calculeaza.php

In acest script pur si simplu se aduna ceea ce se primeste prin get si este trimis spre procesare

Cod: <?php echo $_GET 'nr1′ $_GET 'nr2′ ?>





Politica de confidentialitate





Copyright © 2024 - Toate drepturile rezervate