0
0

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の仕組みを言語化してみる

Posted at

Ajaxやjsonと聞いただけで、抵抗がある人が多いのではないだろうか。
この記事では、そんな方人へ向けて記事を書きます。

Ajaxとは

Asynchronous JavaScript + XML の略で、Ajax(エイジャックス)といいます。
非同期でページ内容を更新する技術のことを指します。

Ajaxでは、レスポンスのデータにJSONという形式が使われることが多いです。

jsonとは

Java Script Object Notationの略で json(ジェーソン)といいます。

データのやりとりを行うための記述形式の一種です。
キーとバリューの形式でデータを表現します。

#ajaxとjsonの流れ

通常のHTMLは情報を受け取る(レスポンス)とブラウザは全てのHTML情報を再読み込みします。
しかし、Ajaxは主にjsonという型でレスポンスが行われます。

この時にJavaScriptがサーバーからjson形式で返されたデータをHTMLに形成してブラウザに反映させます。

これで、ブラウザ全体を更新せずに、一部を更新することができます。

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?