3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Ajaxってなんですか?という質問に口頭で答えられるようになればいいなーと思い改めてJSONについて超初歩的な解説の記事を作成しました。

前提知識:同期通信とは?

画像の遷移がある通信。
ブラウザで画面が白くなって、画面を切り替わるのは同期通信だから。
専門用語で書くとブラウザがあのページ見たい!とリクエストをサーバーに送ります。
その後サーバーがレスポンス(応答)しデータと渡します。
この間はユーザーは真っ白な画面を見る事しかできず、ページによっては退屈させてしまいます。
スクリーンショット 2020-12-04 8.57.55.png

前提知識:非同期通信とは?

画像の遷移がない通信。
ブラウザで画面が白くならないで画面一部が切り替わる通信。
Twitterのいいね!とか非同期通信にあたる。
専門用語で書くとプラウザから一部の情報をリクエストするので、他の部分のデータが変わらない。
そのため真っ白な画面にならず、ページの更新が早くなります。

Ajaxとは?

Asynchronous JavaScript XMLの略。
Asynchronous は非同期の略。
XMLとはざっくり説明すると文書やデータの意味や構造を記述方法の1つ。HTMLに似てる。これらをまとめると

JavaScriptの非同期通信を使って、XML形式のデータをWebサーバから貰う。そのため待ち時間が少なくて済む!

という事になります。
スクリーンショット 2020-12-04 8.58.10.png

使用例

一番わかりやすいのはgoogleマップでしょう。

続きまして、アルサーガパートナーズ Advent Calendar 2020 8日目の記事は @ryuji-odaさんのDB知識です:tada:

3
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?