AJAX jest marzeniem każdego dewelopera, ponieważ można:
- Aktualizacja strony internetowej, bez przeładowania strony
- Dane zażądać od serwera - po załadowaniu strony
- Odbieranie danych z serwera - po załadowaniu strony
- Wysyłanie danych do serwera - w tle
Spróbuj sam Przykłady w każdym rozdziale
W każdym rozdziale, można edytować przykłady w Internecie, a następnie kliknij na przycisk aby zobaczyć wynik.
AJAX Przykład Poradnik
Strona 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>
Strona HTML zawiera <div> sekcję i <button> .
<div> sekcja służy do wyświetlania informacji z serwera.
<button> wywołuje funkcję (jeśli kliknięciu).
Funkcja zwraca dane z serwera WWW i wyświetla go:
Funkcja 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();
}
Co powinieneś już wiedzieć
Przed kontynuowaniem należy posiadać podstawową wiedzę z następujących czynności:
- HTML
- JavaScript
Jeśli chcesz uczyć się tych przedmiotów najpierw znaleźć tutoriale na naszej stronie głównej .
Czym jest AJAX ?
AJAX = asynchroniczny JavaScript i XML.
AJAX to myląca nazwa. Aplikacje AJAX może używać XML do przenoszenia danych, ale jest równie powszechne do transportu danych w postaci zwykłego tekstu lub tekstu JSON.
AJAX to technika tworzenia szybkich i dynamicznych stron internetowych.
AJAX pozwala na stronach internetowych, aby być na bieżąco asynchronicznie poprzez wymianę niewielkich ilości danych z serwera za kulisami. Oznacza to, że możliwe jest zaktualizowanie części strony internetowej, bez konieczności przeładowywania całej strony.
Klasyczne stron internetowych, (które nie używają AJAX) musi odświeżyć całą stronę, jeśli zawartość powinna ulec zmianie.
Przykłady zastosowań wykorzystujących AJAX: Google Maps, Gmail, YouTube i Facebook.
Jak działa Ajax
AJAX jest oparty na standardach internetowych
AJAX jest oparte na standardach internetowych i używa kombinacji:
- XMLHttpRequest obiektu (do pobierania danych z serwera WWW)
- JavaScript/DOM (wyświetlanie / wykorzystywać dane)
XMLHttpRequest jest myląca nazwa. Nie musisz zrozumieć XML do użycia AJAX.
Google Suggest
AJAX został spopularyzowany w 2005 roku przez Google, a Google Suggest.
Google Suggest używa AJAX stworzyć bardzo dynamiczny interfejs WWW: Po rozpoczęciu wpisywania w polu wyszukiwania Google, A JavaScript wysyła listów off do serwera, a serwer zwraca listę sugestii.
Zacznij Korzystanie AJAX Today
AJAX jest oparte na istniejących standardów. Standardy te zostały wykorzystane przez twórców przez kilka lat. Czytaj nasze kolejne rozdziały, aby zobaczyć jak to działa!