コード状態(cliet-serverアーキテクチャ、API、AJAX、fetch)


クライアント-サーバ通信とは?
リソースが存在する場所と使用するアプリケーションを別々にcliet-serverアーキテクチャと呼ぶ.簡単に言えば、クライアントがサーバにリソースを取得するように要求することは、HTTPプロトコルを使用して要求と応答を交換する要求と応答の関係である.ここで、APIの概念は、クライアントがサーバにリソースを要求すると、サーバがクライアントを起動するというユーザガイドの概念と同じである.APIという名前のユーザードキュメントを読み、クライアントがサーバにリクエストを送信するか、リクエスト時にメソッドというより定義的なリクエストを適用することができます.方法は以下のとおりです.
-クエリ(READ):GET
-追加(CREATE):POST
-更新(UPDATE):PUTまたはPATCH
-削除(DELETE):DELETE
Ajaxって何?
私にとって、このアユスの語定義を読むのに慣れていると
fetchって何?
fetchとは、MDNドキュメントに基づいて定義された「インポートリソースを提供するインタフェース」です.サーバからURLにネットワークを要求するときに使う
fetchを使用する方法は次のとおりです.
fetch(url)
.then((response) => {
  //되면 뭘 할껀지
})
.catch(function(error) {
  //error가 날때 우짤껀지
})
上の基本フレームワークにコードを書けばいいです.
fetch(url)
.then(response => response.json())
.catch(function(error) {
  console.log(error)
});
  • 通信が成功すると応答します.json()で応答をJSON形式に変換して
  • を送信する
  • 通信に失敗すると、エラーが出力され、エラー原因
  • が表示される.