Ajax

Ajax(アジャックス、エイジャックス)とは、Asynchronous JavaScript + XML の略で、XMLHttpRequest(HTTP通信を行うためのJavaScript組み込みクラス)による非同期通信を利用した、ユーザーインターフェース構築技術の総称。通信結果に応じてDHTMLで動的にページの一部を書き換えるというアプローチを取る。

JavaScript,XML,

• adaptive path ≫ ajax: a new approach to web applications by Jesse James Garrett, February 18, 2005
  • 和訳:Ajax: Web アプリケーション開発の新しいアプローチ
• WikiPedia:Ajax

2005年2月18日にJesse James Garrettにより名付けられた。

• AJAX Matters - Asynchronous JavaScript and XML and XMLHTTP development information
• Ajaxian
• Ajaxを勉強しよう 本になりそうな勢い

XmlHttpRequestオブジェクトの作成

  0
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17

function createXMLHttpRequest()
{
    var XMLhttpObject = null;
    try{
        XMLhttpObject = new XMLHttpRequest();
    }catch(e){
        try{
            XMLhttpObject = new ActiveXObject("Msxml2.XMLHTTP");
        }catch(e){
            try{
                XMLhttpObject = new ActiveXObject("Microsoft.XMLHTTP");
            }catch(e){
                return null;
            }
        }
    }
    return XMLhttpObject;
}

• このような関数を作って、IEやFireFoxなどのブラウザによる差を吸収する

URIのエンコード

• javascript: escape(), encodeURI(), encodeURIComponent() 比較 (groundwalker.com)
• PHPとJSのURIエンコード比較

POSTでデータを送信

• 第四章　サーバーにデータを送る：POSTメソッドでデータを送信する

  0 1 2 3 4 5 6

  httpObj = createXMLHttpRequest(); if (httpObj) { httpObj.open("POST", "cgi.rb", true) httpObj.onreadystatechange = cbFunc; httpObj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8"); httpObj.send("id=hogehoge&input="+encodeURI(document.ajaxForm.input.value)); }

• 送るデータは encodeURI() を使ってエンコード