BootstrapでAPIを呼び出す方法

BootstrapはAPI呼び出し機能を提供せず、jQueryやFetch APIなどのサードパーティライブラリを使用して実装する必要があります。 jQuery：jQueryライブラリを含めた後、$ .ajax（）メソッドを使用してAjaxリクエストを送信します。 Fetch API：fetch（）関数を使用して、fetchリクエストを送信します。例：jQueryを使用してJSONデータを取得し、コンソールへの応答で受信したデータをログに記録します。

BootstrapでAPIを呼び出す方法

Bootstrapは、APIを呼び出す機能を提供しない人気のあるフロントエンドフレームワークです。ただし、JQueryやFetch APIなどのサードパーティライブラリを使用してAPI呼び出しを実装できます。

jqueryを使用します

1. jqueryのインポート： htmlドキュメントのセクションにjqueryライブラリを含めます。

 <code class="html"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script></code>

2. ajaxリクエストの送信： $.ajax()メソッドを使用して、APIリクエストを送信します。

 <code class="javascript">$.ajax({ url: "https://example.com/api/endpoint", method: "GET", success: function(response) { // 处理成功的响应}, error: function(xhr, status, error) { // 处理错误的响应} });</code>

フェッチAPIを使用します

1. Fetchリクエストの送信： fetch()関数を使用してAPIリクエストを送信します。

 <code class="javascript">fetch("https://example.com/api/endpoint") .then(function(response) { return response.json(); }) .then(function(data) { // 处理成功的响应}) .catch(function(error) { // 处理错误的响应});</code>

サンプルコード：JSONデータを取得します

$(document).ready(function() { $.ajax({ url: "https://example.com/api/data", method: "GET", success: function(data) { console.log(data); } }); });

知らせ：

• APIがクロスドメインリソース共有（CORS）を許可することを確認してください。
• リクエストが失敗した場合にエラー応答を処理することが重要です。
• 応答形式に応じて、JSONの解析などの応答を解析する必要がある場合があります。

以上がBootstrapでAPIを呼び出す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。