開発者は、多くの場合、独自のAPIまたはサードパーティのAPIからデータを取得する必要があります。この記事では、ブラウザのFetchAPIを使用してエンドポイントからデータを取得する方法について説明します。
FetchAPIは、ChromeやFirefoxなどのウェブブラウザからサーバーにHTTPリクエストを送信できるようにするインターフェースです。 GETリクエストはサーバー上のエンドポイントに到達し、そのエンドポイントからのデータを含む応答を返します。これにより、データを読み取ることができます。
リクエストの種類
HTTPGETリクエストは1つだけです。サーバーに対して行うことができる要求のタイプ。他のタイプの要求は、POST、PUT、およびDELETEです。これらのリクエストはCRUDリクエストを作成します。ここで、データベース内のデータを作成(POST)、読み取り(GET)、更新(PUT)、破棄(DELETE)できます。
さらに、サードパーティのAPIエンドにアクセスできます。 。 APIによると、主にデータを不変に保つために特定のクエリのみを実行できるため、データを操作するクエリを実行することはできず、読み取ることしかできません。
Fetch APIはどのように機能しますか?
FetchAPIはPromiseベースの通信システムを使用します。念のため、promiseは非同期関数であり、ロジックを独自のコードブロックにラップし、promiseが解決されたか拒否されたかを判断する応答を返します。
Fetch APIのユーザーとして、あなたは私たちを公開しません約束の論理を実際に書く必要はありません。リクエストを送信するためにそれを使用するだけで、FetchAPIは隠された約束を返します。答えを得る基本的な構文は次のとおりです。