Vyřešeno: jquery ajax CORS

Poslední aktualizace: 09/11/2023

Hlavním problémem při použití jquery ajax s CORS je to, že požadavek Ajax bude proveden ze stejné domény jako stránka, na které je umístěno volání jquery ajax. To znamená, že pokud stránka, na které je umístěno volání jquery ajax, má zavedenu vlastní politiku CORS, pak požadavek Ajax nebude moci překročit hranice domény.

$.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); } });

Tento kód používá funkci jQuery ajax k vytvoření požadavku GET na adresu URL 'http://example.com/api/v1/users'. DataType je nastaven na json, což říká jQuery, aby analyzoval odpověď jako json. Možnosti xhrFields a headers se používají k nastavení příznaku withCredentials na objektu XMLHttpRequest a k nastavení záhlaví Authorization. Nakonec se zavolá funkce úspěchu, pokud je požadavek úspěšný, a vytiskne odpověď do konzole.

Přesměrování

Přesměrování je speciální typ odkazu, který prohlížeči říká, aby uživatele přesměroval na jinou stránku nebo místo. Přesměrování lze vytvořit pomocí funkce $.redirect().

Chcete-li vytvořit jednoduché přesměrování, použijte následující kód:

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

Tento kód vytvoří přesměrování na http://www.example.com/. K vytvoření trvalého nebo dočasného přesměrování můžete také použít funkci $.redirect(). Chcete-li vytvořit dočasné přesměrování, použijte následující kód:

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

Tento kód vytvoří dočasné přesměrování, jehož platnost vyprší po 5 sekundách. Chcete-li vytvořit trvalé přesměrování, použijte následující kód:

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

Přesměrování webových stránek

Existuje několik způsobů, jak přesměrovat webové stránky v jQuery. Jedním ze způsobů je použití funkce $.redirect(). Tato funkce má dva argumenty: adresu URL, na kterou se má přesměrovat, a funkci zpětného volání, která bude volána po dokončení přesměrování. Funkce zpětného volání může buď vrátit hodnotu false, což znamená, že k přesměrování nemá dojít, nebo může vrátit novou adresu URL, která by měla být použita místo původní adresy URL.

Dalším způsobem, jak přesměrovat webové stránky v jQuery, je použití funkce $.ajax(). Tato funkce má dva argumenty: adresu URL stránky, kterou chcete přesměrovat, a objekt options obsahující různá nastavení o tom, jak má být požadavek proveden. Objekt options obsahuje vlastnost type, kterou lze nastavit na „GET“ nebo „POST“. Je-li typ nastaven na „GET“, bude požadavek proveden pomocí parametrů GET, zatímco pokud je typ nastaven na „POST“, bude požadavek proveden pomocí parametrů POST.

Obě tyto metody umožňují určit, které části stránky chcete přesměrovat, a také která funkce zpětného volání by měla být volána po dokončení přesměrování.

Související příspěvky: