ホームページ > 記事 > ウェブフロントエンド > jQuery を使用せずに JavaScript でクロスドメイン JSONP リクエストを作成する方法
外部ライブラリを使用せずに JavaScript でクロスドメイン JSONP リクエストを作成する
JSONP (JSON with Padding) は、クロスドメイン リクエストを可能にする手法ですリクエスト URL にコールバック関数を追加します。コールバック関数はクライアントによって定義され、リクエストの正常な受信時にサーバーによって実行されます。
jQuery を使用せずに JSONP リクエストを作成する方法
jQuery を使用しない JSONP リクエストの場合は、次の手順に従います。
<code class="javascript">function foo(data) { // Process the JSON data }</code>
<code class="javascript">const url = '//example.com/path/to/jsonp?callback=foo';</code>
<code class="javascript">const script = document.createElement('script'); script.src = url;</code>
<code class="javascript">document.head.appendChild(script); // or document.getElementsByTagName('head')[0].appendChild(script) in older browsers</code>
サーバーが JSON データで応答すると、コールバック関数が実行され、提供されたデータを使用してアプリケーションにデータを設定できます。
以上がjQuery を使用せずに JavaScript でクロスドメイン JSONP リクエストを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。