jQuery を使用せずに JavaScript でクロスドメイン JSONP リクエストを作成する方法

外部ライブラリを使用せずに JavaScript でクロスドメイン JSONP リクエストを作成する

JSONP (JSON with Padding) は、クロスドメイン リクエストを可能にする手法ですリクエスト URL にコールバック関数を追加します。コールバック関数はクライアントによって定義され、リクエストの正常な受信時にサーバーによって実行されます。

jQuery を使用せずに JSONP リクエストを作成する方法

jQuery を使用しない JSONP リクエストの場合は、次の手順に従います。

1. コールバック関数を作成します。 サーバーが JSON データで応答したときに呼び出される関数を定義します。この関数には引数としてデータが提供されます。

<code class="javascript">function foo(data) {
    // Process the JSON data
}</code>

2. JSONP URL の構築: コールバック関数を追加して JSONP リクエストの URL を作成します。 name をクエリ パラメータとして指定します。

<code class="javascript">const url = '//example.com/path/to/jsonp?callback=foo';</code>

3. スクリプト要素を作成します: スクリプト要素を作成し、その src 属性を JSONP URL に設定します。

<code class="javascript">const script = document.createElement('script');
script.src = url;</code>

4. スクリプト要素を DOM に追加します: スクリプト要素をドキュメントの先頭に追加します。これにより、サーバーへのリクエストがトリガーされます。

<code class="javascript">document.head.appendChild(script);
// or document.getElementsByTagName('head')[0].appendChild(script) in older browsers</code>

サーバーが JSON データで応答すると、コールバック関数が実行され、提供されたデータを使用してアプリケーションにデータを設定できます。

以上がjQuery を使用せずに JavaScript でクロスドメイン JSONP リクエストを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。