【Javascript】Ajax　Sync(同期)とAsync(非同期)

<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="content-script-type" content="text/javascript">

<!-- 暫定Ajaxライブラリを読み込む -->
<script type    = "text/javascript" 
        charset = "utf-8"
        src     = "./jslb_ajax03.js"></script>
        
<script language="JavaScript">
<!--

	////
	// 受信時に起動するコールバック関数
	//
	// @sample onloaded(res)
	// @param res レスポンス
	//
	function onloaded(res)
	{
	  alert( "今受信しました : " + res.responseText  )
	}

	////
	// 送信処理用関数
	//
	// @sample sendData(true)
	// @param async	非同期ならtrue 同期ならfalse
	//
	function sendData(async)
	{
	
	  //送信
	  sendRequest( onloaded,'','GET','./about1.php',async,true )
	}

//-->
</script>

<form name="test1">
<b>【Sync(同期)】</b>
<br>
  <input type    = "button"
         value   = "同期"
         onclick = "sendData(false)">
<br><br>
<b>【Async(非同期)】</b>
<br>
  <input type    = "button"
         value   = "非同期"
         onclick = "sendData(true)">
</form>

////
// XMLHttpRequestオブジェクト生成
//
// @sample oj=createHttpRequest()
// @return XMLHttpRequestオブジェクト
//
function createHttpRequest()
{
	if(window.ActiveXObject){
		 //Win e4,e5,e6用
		try {
		  return new ActiveXObject("Msxml2.XMLHTTP") ;
		} catch (e) {
		  try {
		    return new ActiveXObject("Microsoft.XMLHTTP") ;
		  } catch (e2) {
		    return null ;
 		  }
 		}
	} else if(window.XMLHttpRequest){
		 //Win Mac Linux m1,f1,o8 Mac s1 Linux k3用
		return new XMLHttpRequest() ;
	} else {
		return null ;
	}
}

////
// 送信関数
//
// @sample sendRequest(onloaded,'&p=1','POST','./about2.php',true,true)
// @param callback 受信時に起動する関数名
// @param data	 送信するデータ
// @param method "POST" or "GET"
// @param urlリクエストするファイルのURL
// @param async	非同期ならtrue 同期ならfalse
// @param sload	スーパーロード trueで強制、省略またはfalseでデフォルト
//
function sendRequest(callback,data,method,url,async,sload)
{
	//XMLHttpRequestオブジェクト生成
	var oj = createHttpRequest()
	if( oj == null ) return null
	
	//強制ロードの設定
	var sload = (!!sendRequest.arguments[5])?sload:false;
	if(sload)url=url+"?t="+(new Date()).getTime()
	//ブラウザ判定
	var ua = navigator.userAgent
	var safari	= ua.indexOf("Safari")!=-1
	var konqueror = ua.indexOf("Konqueror")!=-1
	var mozes	 = ((a=navigator.userAgent.split("Gecko/")[1] )
			?a.split(" ")[0]:0) >= 20011128 
	
	//受信処理
	//operaはonreadystatechangeに多重レスバグがあるのでonloadが安全
	//Moz,FireFoxはoj.readyState==3でも受信するので通常はonloadが安全
	//Win ieではonloadは動作しない
	//Konquerorはonloadが不安定
	//参考http://jsgt.org/ajax/ref/test/response/responsetext/try1.php
	if(window.opera || safari || mozes){
		oj.onload = function () { callback(oj) }
	} else {
	
		oj.onreadystatechange =function () 
		{
			if ( oj.readyState == 4 ){
				callback(oj)
			}
		}
		
	}
	
	//エンコード
	if(method == 'GET') {
		url = url + encodeURI(data)
	}
	
	//open メソッド
	oj.open( method , url , async )
	
	if(method == 'POST') {
		//このメソッドがWin Opera8でエラーになったので分岐
		if(!window.opera)
			oj.setRequestHeader('Content-Type', 
				'application/x-www-form-urlencoded')
	} 
	
	//send メソッド
	oj.send(data)
}

<?php

	//4秒スリープ
	sleep(4);
	//出力する文字コードをutf-8にセットして、、、
	mb_http_output ( 'UTF-8' );
	//出力
	echo " Woke up ! This is a response. " ;

?>