外部ライブラリを使用せずに JavaScript で JSONP リクエストを行う方法は?

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

クロスドメイン リクエストの場合、JSONP (パディング付き JSON) により、異なるドメイン。 jQuery などの外部ライブラリに依存する代わりに、JavaScript はこれをネイティブに実現できます。

JSONP リクエストを開始するには:

1. コールバック関数を作成します:
   リクエストされたデータで呼び出される JavaScript 関数 (この場合は「foo」) を作成します。
2. リクエスト URL を構築します:
   適切なエンドポイントを使用して JSONP リクエスト URL を作成します。 、パラメータ、およびコールバック関数名。通常、この URL は「?callback=foo」で終わります。
3. スクリプト要素の作成:
   JavaScript の DOM を使用してスクリプト要素を動的に生成します。この要素の「src」属性を JSONP リクエスト URL に設定します。
4. ドキュメントにスクリプトを追加:
   新しく作成したスクリプト要素を HTML ドキュメントの に追加します。要素。このアクションにより、リクエストが自動的にトリガーされます。

コード例:

function foo(data) {
    // Process and utilize the JSON data
}

var script = document.createElement('script');
script.src = '//example.com/path/to/jsonp?callback=foo';

document.head.appendChild(script);

これらの手順を採用すると、外部ライブラリを使用せずに JSONP リクエストを効果的に開始し、相互に取得できるようになります。ドメイン JSON データを取得し、JavaScript コード内で処理します。

以上が外部ライブラリを使用せずに JavaScript で JSONP リクエストを行う方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。