JavaScript
Ajax

JavaScriptをついばむ:Ajax

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更新