学習記録

メモ投稿機能(サーバーサイド側の仕組み)

メモ投稿機能 ... 非同期通信によりリロードせずにメモを投稿できる機能

【目的】

・非同期通信のエンドポイントの流れを理解する

・必要なコード・用語を覚える

 

【学習概要】

①メモ機能のサーバーサイドを完成させる

②エンドポイントの設定をする

③レスポンスを設定する

 

【実装の手順】

1.エンドポイントを作成する

〈コード・用語〉

 エンドポイント ... Ajaxでやり取りする際のデータ返却のアクションを実行するた

        めのURL

Ajax ... JavaScriptを使用して非同期通信を行う処理のプログラム手法のこと

非同期通信 ... リクエスト後にブラウザが再読み込みされることなくブラウザの

      一部のみが更新される通信方法 

 

2.データ(JSON)を返却するためのアクションを定義する

〈コード・用語〉

 JSON ... ファイル形式

 

3.JavaScriptでエンドポイントにアクセスする

 

4.レスポンスデータ(JSON)を受け取る

 

5.メモをHTMLへ描写する

 

 

 

f:id:sato136:20210406231619p:plain