jQuery Ajax ノート

• ブラウザのセキュリティ制限により、ほとんどのアヤックスリクエストは、同一生成元ポリシー; リクエストは、別のドメイン、サブドメイン、ポート、またはプロトコルからデータを正常に取得できません。
• スクリプトおよび JSONP リクエストは、同一オリジン ポリシーの制限の対象ではありません。

克服する方法はいくつかありますクロスドメインバリア：

• CORS プロキシの代替
• 同一生成元ポリシーを回避する方法
• クロスドメインの障壁を破る

いくつかのプラグインが役立ちますクロスドメインリクエスト：

• YQL と jQuery を使用したクロスドメイン AJAX リクエスト
• jQuery.ajax によるクロスドメイン リクエスト

注意喚起！

この問題を克服する最善の方法は、バックエンドに独自のプロキシを作成し、そのプロキシが他のドメインのサービスを指すようにすることです。バックエンドには同一生成元ポリシー制限。ただし、バックエンドでそれができない場合は、次のヒントに注意してください。

サードパーティのプロキシを使用することは、データを追跡できるため、公開情報に使用される可能性があるため、安全な方法ではありませんが、一度もない個人データを含む。

以下のコード例では、jQuery.get()そしてjQuery.getJSON()どちらも、jQuery.ajax()

どこでもCORS

2021年アップデート

公開デモサーバー（cors-anywhere.herokuapp.com）は2021年1月31日までに制限されます。

CORS Anywhere のデモ サーバー (cors-anywhere.herokuapp.com) は、このプロジェクトのデモ用です。しかし、悪用があまりにも一般的になったため、デモがホストされているプラ​​ットフォーム (Heroku) は、悪用への対策にもかかわらず、サーバーのシャットダウンを要求しました。悪用とその人気により、ダウンタイムはますます頻繁になっています。

これに対抗するために、次の変更を加えます。

1. レート制限は 1 時間あたり 200 から 1 時間あたり 50 に減少します。
2. 2021 年 1 月 31 日までに、cors-anywhere.herokuapp.com はオープン プロキシとしての機能を停止します。
3. 2021 年 2 月 1 日より、cors-anywhere.herokuapp.com は、訪問者がチャレンジを完了した後にのみリクエストを処理します。ユーザー (開発者) は、cors-anywhere.herokuapp.com のページにアクセスして、ブラウザーのデモを一時的にロック解除する必要があります。これにより、開発者は機能を試用して、セルフホスティングの決定や代替手段の検討に役立てることができます。

CORS Anywhereはnode.js プロキシプロキシされたリクエストにCORSヘッダーを追加します。API
を使用するには、URLの前にAPI URLを付けるだけです。（https： 見るgithubリポジトリ）

必要に応じてクロスドメイン リクエストを自動的に有効にする場合は、次のスニペットを使用します。

$.ajaxPrefilter( function (options) {
  if (options.crossDomain && jQuery.support.cors) {
    var http = (window.location.protocol === 'http:' ? 'http:' : 'https:');
    options.url = http + '//cors-anywhere.herokuapp.com/' + options.url;
    //options.url = "http://cors.corsproxy.io/url=" + options.url;
  }
});

$.get(
    'http://en.wikipedia.org/wiki/Cross-origin_resource_sharing',
    function (response) {
        console.log("> ", response);
        $("#viewer").html(response);
});

// It is good specify the charset you expect.
// You can use the charset you want instead of utf-8.
// See details for scriptCharset and contentType options: 
// http://api.jquery.com/jQuery.ajax/#jQuery-ajax-settings
$.ajaxSetup({
    scriptCharset: "utf-8", //or "ISO-8859-1"
    contentType: "application/json; charset=utf-8"
});

$.getJSON('http://whateverorigin.org/get?url=' + 
    encodeURIComponent('http://google.com') + '&callback=?',
    function (data) {
        console.log("> ", data);

        //If the expected response is text/plain
        $("#viewer").html(data.contents);

        //If the expected response is JSON
        //var response = $.parseJSON(data.contents);
});

$.get(
    'http://www.corsproxy.com/' +
    'en.wikipedia.org/wiki/Cross-origin_resource_sharing',
    function (response) {
        console.log("> ", response);
        $("#viewer").html(response);
});