Ajaxとは

Ajaxとは

Ajax(エイジャックス)は、Asynchronous JavaScript + XMLの略称で、非同期通信を利用した処理を行うもの(新しい技術ということではなく既存の技術を組み合わせたもののこと)を指します。
このAjaxという名称は、2005年2月にJesse James Garrett氏によって名付けられました。

JavaScriptでは、XMLHttpRequestオブジェクトに(IEではActiveXObjectで実装されている)よってクライアントからサーバへリクエスト、サーバから返ってきたデータ(レスポンスデータ)をもとにクライアント(JavaScript)側で処理を行っていきます。

  • ※ XMLHttpRequestオブジェクトの使用方法は省略させていただきます。

JavaScript

var requestURL  = 'http://example.co.jp/test.php',
    paramString = 'foo=bar',
    xhr         = new XMLHttpRequest();

xhr.onreadystatechange = function() {
	if (xhr.readyState === 4) {
		if (xhr.status === 0) {
			console.log('通信失敗');
		} else if (xhr.status < 300 || xhr.status === 304) {
			console.log('通信成功');
			console.log('受信内容:' + xhr.responseText);
		} else if (xhr.status === 404) {
			console.log('存在しないページ');
		} else if (xhr.status === 403) {
			console.log('アクセス権限がない');
		} else if (xhr.status === 401) {
			console.log('認証に失敗');
		}
	} else if (xhr.readyState === 1) {
		console.log('通信中...');
	}
};

xhr.open('post', requestURL);

xhr.send(paramString);

XMLHttpRequestの使い方については次のページを参照してください。
非同期通信を行う(Ajax)

JavaScript逆引きリファレンス一覧へ戻る