Riješeno: jquery ajax CORS

Glavni problem s korištenjem jquery ajaxa s CORS-om je taj što će Ajax zahtjev biti napravljen s iste domene kao i stranica na kojoj je postavljen jquery ajax poziv. To znači da ako stranica na kojoj je postavljen jquery ajax poziv ima vlastitu CORS politiku, tada Ajax zahtjevu neće biti dopušteno prijeći granice 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); } });

Ovaj kôd koristi jQuery ajax funkciju za slanje GET zahtjeva na url 'http://example.com/api/v1/users'. DataType je postavljen na json, što govori jQueryju da raščlani odgovor kao json. Opcije xhrFields i zaglavlja koriste se za postavljanje oznake withCredentials na objektu XMLHttpRequest i za postavljanje zaglavlja za autorizaciju. Konačno, funkcija uspjeha se poziva ako zahtjev uspije i ispisuje odgovor na konzolu.

preusmjeravanja

Preusmjeravanje je posebna vrsta veze koja govori pregledniku da odvede korisnika na drugu stranicu ili lokaciju. Preusmjeravanje se može stvoriti pomoću funkcije $.redirect().

Za izradu jednostavnog preusmjeravanja upotrijebite sljedeći kod:

$(dokument).ready(function() { $.redirect(“http://www.example.com/”); });

Ovaj kôd će stvoriti preusmjeravanje na http://www.example.com/. Također možete koristiti funkciju $.redirect() za stvaranje trajnih ili privremenih preusmjeravanja. Za izradu privremenog preusmjeravanja koristite sljedeći kod:

$(dokument).ready(function() { $.redirect(“http://www.example2.com/”, true); });

Ovaj kod će stvoriti privremeno preusmjeravanje koje će isteći nakon 5 sekundi. Za izradu trajnog preusmjeravanja koristite sljedeći kod:

$(dokument).ready(function() { $.redirect(“http://www.example3.com/”, true); });

Preusmjeravanje web stranica

Postoji nekoliko načina za preusmjeravanje web stranica u jQueryju. Jedan od načina je korištenje funkcije $.redirect(). Ova funkcija uzima dva argumenta: URL na koji se preusmjerava i funkciju povratnog poziva koja će se pozvati kada se preusmjeravanje završi. Funkcija povratnog poziva može vratiti false kako bi označila da se preusmjeravanje ne bi trebalo dogoditi ili može vratiti novi URL koji bi se trebao koristiti umjesto izvornog URL-a.

Drugi način za preusmjeravanje web stranica u jQueryju je korištenje funkcije $.ajax(). Ova funkcija uzima dva argumenta: url stranice koju želite preusmjeriti i objekt opcija koji sadrži različite postavke o tome kako bi se zahtjev trebao napraviti. Objekt opcija uključuje svojstvo tipa, koje se može postaviti na "GET" ili "POST". Ako je tip postavljen na “GET”, tada će zahtjev biti napravljen pomoću GET parametara, dok ako je tip postavljen na “POST”, tada će zahtjev biti napravljen pomoću POST parametara.

Obje ove metode omogućuju vam da odredite koje dijelove stranice želite preusmjeriti, kao i koju funkciju povratnog poziva treba pozvati kada se preusmjeravanje završi.

Povezani postovi:

Ostavite komentar