Glavna težava pri uporabi jquery ajax s CORS je, da bo zahteva Ajax narejena iz iste domene kot stran, na kateri je postavljen klic jquery ajax. To pomeni, da če ima stran, na kateri je postavljen klic jquery ajax, svojo lastno politiko CORS, potem zahteva Ajax ne bo smela prečkati meja domene.
$.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); } });
Ta koda uporablja funkcijo ajax jQuery za zahtevo GET na url 'http://example.com/api/v1/users'. DataType je nastavljen na json, kar pove jQuery, naj odgovor razčleni kot json. Možnosti xhrFields in headers se uporabljajo za nastavitev zastavice withCredentials na objektu XMLHttpRequest oziroma za nastavitev glave Authorization. Končno se funkcija uspeha pokliče, če je zahteva uspešna, in natisne odgovor na konzolo.
Preusmeritev
Preusmeritev je posebna vrsta povezave, ki brskalniku pove, naj uporabnika odpelje na drugo stran ali lokacijo. Preusmeritev lahko ustvarite s funkcijo $.redirect().
Če želite ustvariti preprosto preusmeritev, uporabite naslednjo kodo:
$(dokument).ready(funkcija() { $.redirect(“http://www.example.com/”); });
Ta koda bo ustvarila preusmeritev na http://www.example.com/. Za ustvarjanje trajnih ali začasnih preusmeritev lahko uporabite tudi funkcijo $.redirect(). Če želite ustvariti začasno preusmeritev, uporabite naslednjo kodo:
$(document).ready(function() { $.redirect(“http://www.example2.com/”, true); });
Ta koda bo ustvarila začasno preusmeritev, ki bo potekla po 5 sekundah. Če želite ustvariti trajno preusmeritev, uporabite naslednjo kodo:
$(document).ready(function() { $.redirect(“http://www.example3.com/”, true); });
Preusmeritev spletnih strani
Obstaja nekaj načinov za preusmeritev spletnih strani v jQuery. Eden od načinov je uporaba funkcije $.redirect(). Ta funkcija ima dva argumenta: URL, na katerega želite preusmeriti, in funkcijo povratnega klica, ki bo poklicana, ko bo preusmeritev končana. Funkcija povratnega klica lahko bodisi vrne vrednost false, ki nakazuje, da se preusmeritev ne bi smela zgoditi, ali pa lahko vrne nov URL, ki ga je treba uporabiti namesto izvirnega URL-ja.
Drug način za preusmeritev spletnih strani v jQuery je uporaba funkcije $.ajax(). Ta funkcija sprejme dva argumenta: url strani, ki jo želite preusmeriti, in objekt možnosti, ki vsebuje različne nastavitve o tem, kako naj se zahteva. Objekt možnosti vključuje lastnost tipa, ki jo je mogoče nastaviti na »GET« ali »POST«. Če je tip nastavljen na »GET«, bo zahteva izdelana z uporabo parametrov GET, če pa je tip nastavljena na »POST«, bo zahteva izdelana z uporabo parametrov POST.
Obe metodi vam omogočata, da določite, katere dele strani želite preusmeriti, kot tudi, katero funkcijo povratnega klica je treba poklicati, ko je preusmeritev končana.
