CORS で jquery ajax を使用する際の主な問題は、jquery ajax 呼び出しが配置されているページと同じドメインから Ajax 要求が行われることです。 これは、jquery ajax 呼び出しが配置されたページに独自の CORS ポリシーが設定されている場合、Ajax リクエストがドメイン境界を越えることは許可されないことを意味します。
$.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); } });
このコードは、jQuery ajax 関数を使用して、URL 'http://example.com/api/v1/users' に対して GET 要求を行います。 dataType は json に設定され、jQuery に応答を json として解析するように指示します。 xhrFields および headers オプションは、それぞれ XMLHttpRequest オブジェクトに withCredentials フラグを設定し、Authorization ヘッダーを設定するために使用されます。 最後に、リクエストが成功すると、success 関数が呼び出され、コンソールにレスポンスが出力されます。
リダイレクト
リダイレクトは、ユーザーを別のページまたは場所に移動するようブラウザに指示する特別なタイプのリンクです。 $.redirect() 関数を使用してリダイレクトを作成できます。
簡単なリダイレクトを作成するには、次のコードを使用します。
$(document).ready(function() { $.redirect(“http://www.example.com/”); });
このコードは、http://www.example.com/ へのリダイレクトを作成します。 $.redirect() 関数を使用して、永続的または一時的なリダイレクトを作成することもできます。 一時的なリダイレクトを作成するには、次のコードを使用します。
$(document).ready(function() { $.redirect(“http://www.example2.com/”, true); });
このコードは、5 秒後に有効期限が切れる一時的なリダイレクトを作成します。 永続的なリダイレクトを作成するには、次のコードを使用します。
$(document).ready(function() { $.redirect(“http://www.example3.com/”, true); });
Web ページのリダイレクト
jQuery で Web ページをリダイレクトする方法はいくつかあります。 XNUMX つの方法は、$.redirect() 関数を使用することです。 この関数は、リダイレクト先の URL と、リダイレクトが完了したときに呼び出されるコールバック関数の XNUMX つの引数を取ります。 コールバック関数は、false を返してリダイレクトが発生しないことを示すか、元の URL の代わりに使用する必要がある新しい URL を返すことができます。
jQuery で Web ページをリダイレクトする別の方法は、$.ajax() 関数を使用することです。 この関数は XNUMX つの引数を取ります。リダイレクトするページの URL と、リクエストの作成方法に関するさまざまな設定を含むオプション オブジェクトです。 options オブジェクトには type プロパティが含まれており、「GET」または「POST」に設定できます。 タイプが「GET」に設定されている場合、リクエストはGETパラメータを使用して作成され、タイプが「POST」に設定されている場合、リクエストはPOSTパラメータを使用して作成されます。
どちらの方法でも、ページのどの部分をリダイレクトするか、およびリダイレクトが完了したときにどのコールバック関数を呼び出すかを指定できます。
