AJAX - Objekti XMLHttpRequest

Temelj AJAX-a je objekt XMLHttpRequest.

1. Ustvarimo objekt XMLHttpRequest.
2. Definiramo funkcijo povratnega klica.
3. Odpremo objekt XMLHttpRequest.
4. Pošljemo zahtevo strežniku.

X

Vsi sodobni brskalniki podpirajo objekt XMLHttpRequest in se lahko uporablja za izmenjavo podatkov s spletnim strežnikom v zakulisju. Pomeni, da je mogoče posodobiti dele spletne strani, ne da bi ponovno naložili celotno stran. Sintaksa za ustvarjanje objekta XMLHttpRequest:

imeSpremenljivke = new XMLHttpRequest();
    

Funkcija povratnega klica je funkcija, ki se kot parameter posreduje drugi funkciji. V tem primeru mora funkcija povratnega klica vsebovati kodo, ki se izvede, ko je odgovor pripravljen.

imeSpremenljivke.onload = function () {
    // kaj želimo storiti, ko je odgovor pripravljen
}
    

Če želimo poslati zahtevo strežniku, lahko uporabimo metodi open() in send() objekta XMLHttpRequest.

imeSpremenljivke.open("GET", "imeDatoteke.txt");
imeSpremenljivke.send();
    

Zaradi varnosti sodobni brskalniki ne omogočajo dostopa med domenami, kar pomeni, da morata spletna stran kot XML datoteka biti na istem strežniku. Če želimo primere uporabiti na svoji spletni strani, morajo biti XML datoteke naložene na našem strežniku (kjer se nahaja index datoteka).

Objektne metode XMLHttpRequest

Lastnosti objekta XMLHttpRequest

Lastnost onreadystatechange vsebuje status zahteve XMLHttpRequest in definira funkcijo povratnega klica, ki se izvede, ko se spremeni readyState stanje. Lastnost statusa in lastnosti statusText hranita status objekta XMLHttpRequest.

Funkcija onreadystatechange se pokliče vsakič, ko se stanje readyState spremeni.