Det största problemet med att använda jquery ajax med CORS är att Ajax-förfrågan kommer att göras från samma domän som sidan där jquery ajax-anropet placeras. Detta innebär att om sidan som jquery ajax-anropet placeras på har sin egen CORS-policy på plats, kommer Ajax-förfrågan inte att tillåtas passera domängränser.
$.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); } });
Den här koden använder jQuery ajax-funktionen för att göra en GET-förfrågan till webbadressen 'http://example.com/api/v1/users'. DataTypen är inställd på json, vilket säger åt jQuery att analysera svaret som json. Alternativen xhrFields och rubriker används för att ställa in flaggan withCredentials på XMLHttpRequest-objektet respektive ställa in auktoriseringshuvudet. Slutligen anropas framgångsfunktionen om begäran lyckas, och den skriver ut svaret till konsolen.
Omdirigeringar
En omdirigering är en speciell typ av länk som talar om för webbläsaren att ta användaren till en annan sida eller plats. En omdirigering kan skapas med $.redirect()-funktionen.
För att skapa en enkel omdirigering, använd följande kod:
$(document).ready(function() { $.redirect(“http://www.example.com/”); });
Den här koden skapar en omdirigering till http://www.example.com/. Du kan också använda $.redirect()-funktionen för att skapa permanenta eller tillfälliga omdirigeringar. För att skapa en tillfällig omdirigering, använd följande kod:
$(document).ready(function() { $.redirect(“http://www.example2.com/”, true); });
Den här koden skapar en tillfällig omdirigering som upphör att gälla efter 5 sekunder. För att skapa en permanent omdirigering, använd följande kod:
$(document).ready(function() { $.redirect(“http://www.example3.com/”, true); });
Omdirigera webbsidor
Det finns några sätt att omdirigera webbsidor i jQuery. Ett sätt är att använda $.redirect()-funktionen. Den här funktionen tar två argument: URL:en att omdirigera till och en återuppringningsfunktion som kommer att anropas när omdirigeringen är klar. Återuppringningsfunktionen kan antingen returnera false för att indikera att omdirigeringen inte ska ske, eller så kan den returnera en ny URL som ska användas istället för den ursprungliga URL:en.
Ett annat sätt att omdirigera webbsidor i jQuery är att använda $.ajax()-funktionen. Den här funktionen tar två argument: webbadressen till sidan du vill omdirigera och ett alternativobjekt som innehåller olika inställningar om hur begäran ska göras. Alternativsobjektet innehåller en typegenskap, som kan ställas in på antingen "GET" eller "POST". Om typ är inställd på "GET" kommer begäran att göras med hjälp av GET-parametrar, medan om typ är inställd på "POST" kommer begäran att göras med POST-parametrar.
Båda dessa metoder låter dig specificera vilka delar av sidan du vill omdirigera, samt vilken callback-funktion som ska anropas när omdirigeringen är klar.
