JSONP を使用して JavaScript でクロスドメイン HTTP リクエストを行う方法

ネイティブ API を使用した JavaScript での JSONP リクエスト

クロスドメイン HTTP リクエストは、多くの場合、同一オリジン ポリシーに遭遇します。このポリシーにより、発信元のリクエストが制限されます。別のドメインまたは安全でない (HTTP) ドメインから安全な (HTTPS) ドメインへ。 JSONP (JSON with Padding) は、この制限を回避するために使用される手法で、JavaScript コードが別のドメインからデータを取得できるようにします。

JSONP リクエストの作成

外部ライブラリを使用しない JSONP リクエストの場合は、次の手順に従います:

1. コールバック関数を作成します: 応答データを処理する JavaScript 関数を定義します。この関数の名前は、JSONP リクエストのコールバック パラメータとして使用されます。

2. リクエスト URL を構築します: JSONP リクエスト URL には次のパラメータが含まれている必要があります:

   • データがホストされているサーバー URL
   • コールバック関数の名前に設定されたコールバック パラメーター
   • 送信するデータ (オプション)
3. スクリプト要素の作成: