AJAX este visul unui dezvoltator, pentru că puteți:
- Actualizați o pagină web fără a reîncărca pagina
- Date de solicitare de la un server - după încărcarea paginii
- Primirea de date de la un server - după încărcarea paginii
- Trimiteți date la un server - în fundal
Încearcă-l singur Exemple în fiecare capitol
În fiecare capitol, puteți edita exemple on-line, și faceți clic pe un buton pentru a vedea rezultatul.
AJAX Exemplu explicat
pagină HTML
<!DOCTYPE html>
<html>
<body>
<div id="demo">
<h2>Let AJAX change this text</h2>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>
</body>
</html>
Pagina HTML conține un <div> secțiune și un <button> .
<div> secțiunea este utilizat pentru a afișa informații de la un server.
<button> solicită o funcție (if it is clicked) în (if it is clicked) în (if it is clicked) .
Funcția solicită date de la un server web și o afișează:
Funcția loadDoc()
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
Ce trebuie să știți deja
Înainte de a continua să aibă o înțelegere de bază următoarele:
- HTML
- JavaScript
Dacă doriți să studieze aceste subiecte în primul rând, găsiți tutorialele de pe Pagina de pornire .
Ce este AJAX ?
AJAX = Asynchronous JavaScript si XML.
AJAX este un nume înșelătoare. aplicații AJAX ar putea folosi XML pentru a transporta date, dar este la fel de comun pentru a transporta date ca text simplu sau text JSON.
Ajax este o tehnica pentru crearea de pagini web rapide și dinamice.
AJAX permite pagini web să fie actualizate asincronă prin schimbul cantități mici de date cu serverul din spatele scenei. Acest lucru înseamnă că este posibil să se actualizeze părți ale unei pagini web, fără a reîncărca întreaga pagină.
Pagini web clasice, (which do not use AJAX) trebuie să reîncarce întreaga pagină în cazul în care conținutul ar trebui să se schimbe.
Exemple de aplicații folosind AJAX: Google Maps, Gmail, YouTube și Facebook.
Cum funcționează AJAX
AJAX se bazează pe standarde Internet
AJAX se bazează pe standarde Internet, și utilizează o combinație de:
- XMLHttpRequest obiect (to retrieve data from a web server) de (to retrieve data from a web server) de (to retrieve data from a web server)
- JavaScript/DOM (to display/use the data)
XMLHttpRequest este un nume înșelătoare. Nu trebuie să înțeleagă XML pentru a utiliza AJAX.
Google Suggest
AJAX a fost facut popular în 2005 de către Google, cu Google Suggest.
Google Suggest utilizează AJAX pentru a crea o interfață web foarte dinamic: Când începeți să tastați în caseta de căutare Google, o JavaScript trimite scrisorile off la un server și serverul returnează o listă de sugestii.
Începeți să utilizați AJAX Astăzi
AJAX se bazează pe standardele existente. Aceste standarde au fost folosite de către dezvoltatori pentru mai mulți ani. Citiți următoarele capitole noastre pentru a vedea cum funcționează!