Riješeno: jquery ajax CORS

Posljednje ažuriranje: 09/11/2023

Glavni problem sa korišćenjem jquery ajax-a sa CORS-om je taj što će Ajax zahtev biti napravljen sa istog domena kao i stranica na kojoj je postavljen jquery ajax poziv. To znači da ako stranica na kojoj je postavljen jquery ajax poziv ima svoju vlastitu CORS politiku, tada Ajax zahtjevu neće biti dozvoljeno da pređe granice domena.

$.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 kod koristi jQuery ajax funkciju da napravi GET zahtjev za url 'http://example.com/api/v1/users'. DataType je postavljen na json, što govori jQueryju da analizira odgovor kao json. Opcije xhrFields i zaglavlja koriste se za postavljanje oznake withCredentials na objektu XMLHttpRequest i postavljanje zaglavlja autorizacije, respektivno. Konačno, funkcija uspjeha se poziva ako zahtjev uspije i ispisuje odgovor na konzolu.

Preusmeri

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

Za kreiranje jednostavnog preusmjeravanja koristite sljedeći kod:

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

Ovaj kod će kreirati preusmjeravanje na http://www.example.com/. Također možete koristiti funkciju $.redirect() da kreirate trajna ili privremena preusmjeravanja. Za kreiranje privremenog preusmjeravanja koristite sljedeći kod:

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

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

$(document).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 za preusmjeravanje i funkciju povratnog poziva koja će biti pozvana kada se preusmjeravanje završi. Funkcija povratnog poziva može vratiti false kako bi naznačila da se preusmjeravanje ne bi trebalo dogoditi, ili može vratiti novi URL koji bi trebao biti korišten umjesto originalnog 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 zahtjev trebao biti napravljen. Objekt options 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 vam omogućavaju da odredite koje dijelove stranice želite preusmjeriti, kao i koju funkciju povratnog poziva treba pozvati kada se preusmjeravanje završi.

Slični postovi: