Peamine probleem jquery ajaxi kasutamisel koos CORSiga on see, et Ajaxi päring tehakse samast domeenist, kuhu jquery ajaxi kutse paigutatakse. See tähendab, et kui lehel, millele jquery ajaxi kutse paigutatakse, on paigas oma CORS-poliitika, siis ei lubata Ajaxi päringul domeenipiire ületada.
$.ajax({ url: 'http://example.com/api/v1/users', type: 'GET', dataType: 'json', xhrFields: { withCredentials: true }, headers: { 'Authorization':'Basic YWRtaW46YWRtaW4=' }, success: function(response) { console.log(response); } });
See kood kasutab jQuery ajaxi funktsiooni, et teha GET-päring URL-ile „http://example.com/api/v1/users”. DataType on seatud väärtusele json, mis käsib jQueryl vastust jsonina sõeluda. Suvandeid xhrFields ja headers kasutatakse vastavalt lipu withCredentials määramiseks objektil XMLHttpRequest ja autoriseerimispäise määramiseks. Lõpuks kutsutakse päringu õnnestumise korral välja edufunktsioon ja see prindib vastuse konsooli.
Ümbersuunamised
Ümbersuunamine on eritüüpi link, mis käsib brauseril suunata kasutaja teisele lehele või asukohta. Ümbersuunamise saab luua funktsiooni $.redirect() abil.
Lihtsa ümbersuunamise loomiseks kasutage järgmist koodi:
$(document).ready(function() { $.redirect("http://www.example.com/"); });
See kood loob ümbersuunamise aadressile http://www.example.com/. Alaliste või ajutiste ümbersuunamiste loomiseks saate kasutada ka funktsiooni $.redirect(). Ajutise ümbersuunamise loomiseks kasutage järgmist koodi:
$(document).ready(function() { $.redirect(“http://www.example2.com/”, true); });
See kood loob ajutise ümbersuunamise, mis aegub 5 sekundi pärast. Püsiva ümbersuunamise loomiseks kasutage järgmist koodi:
$(document).ready(function() { $.redirect(“http://www.example3.com/”, true); });
Veebilehtede ümbersuunamine
Veebilehtede ümbersuunamiseks jQuerys on mitu võimalust. Üks võimalus on kasutada funktsiooni $.redirect(). Sellel funktsioonil on kaks argumenti: URL, kuhu ümber suunata, ja tagasihelistamise funktsioon, mis kutsutakse välja, kui ümbersuunamine on lõppenud. Tagasihelistamise funktsioon võib tagastada vale väärtuse, mis näitab, et ümbersuunamist ei tohiks juhtuda, või tagastada uue URL-i, mida tuleks kasutada algse URL-i asemel.
Teine viis veebilehtede ümbersuunamiseks jQuerys on funktsiooni $.ajax() kasutamine. Sellel funktsioonil on kaks argumenti: selle lehe URL, mida soovite ümber suunata, ja suvandite objekt, mis sisaldab erinevaid päringu esitamise sätteid. Optsiooniobjekt sisaldab atribuuti tüüp, mille saab määrata kas "GET" või "POST". Kui tüübiks on seatud “GET”, tehakse päring GET parameetrite abil, kui tüübiks on seatud “POST”, siis päring tehakse POST parameetrite abil.
Mõlemad meetodid võimaldavad teil määrata, milliseid lehe osi soovite ümber suunata, samuti millist tagasihelistamisfunktsiooni tuleks ümbersuunamise lõppedes välja kutsuda.
