3
1

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 5 years have passed since last update.

JavaScriptをついばむ:Ajax

Posted at

Ajaxとは

Ajaxは「Asynchronous JavaScript + XML」の略称
Webサーバと非同期通信を行いDOMを利用してWebページを書き換えるプログラミングの手法。Webページ全体を再レンダリングせずにWebページの一部のみを変更することができる。

Ajaxのメリット

  • 最小限のデータ通信を行うことにより通信トラフィック、サーバー負荷を抑えることができ処理も高速になる。
  • 非同期通信でクライアント側の操作をロックしない
  • ページ遷移せずに部分変更を行うため高速に描画できる

Ajaxの理解に重要なキーワード

  • DOM
  • JavaScript
  • XMLHttpRequest
  • XML(JSON)

処理の基本的な流れ

  1. 非同期通信
    1. XMLHttpRequest オブジェクト生成
    2. サーバーとの通信の処理方法を登録
    3. リクエストを送信して通信を開始
  2. レスポンスの読み出し
  3. DOM更新
3
1
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
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?