Ultimele tutoriale de dezvoltare web
 

AJAX Tutorial


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.

Exemplu AJAX

Let AJAX change this text

Încearcă - l singur »


AJAX Exemplu explicat

pagină HTML

<!DOCTYPE html>
<html>
<body>

<div id="demo"><h2>Let AJAX change this text</h2></div>

<button type="button" onclick="loadDoc()">Change Content</button>

</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 (xhttp.readyState == 4 && xhttp.status == 200) {
     document.getElementById("demo").innerHTML = xhttp.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

Start learning AJAX now!