「リクエストしてレスポンスが返ってくるまでタイマーでメーター（？）を表示する」の編集履歴（バックアップ）一覧はこちら

「リクエストしてレスポンスが返ってくるまでタイマーでメーター（？）を表示する」(2008/02/28 (木) 16:32:01) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

var time;
// onloadでリクエスト
Element.observe(window, 'load', function(){

	// レスポンスが返ってくるまでの処理を呼び出す
	timerStart();
	// リクエストするパスの設定
	var requestPath = '/home/html/test.html';
	// リクエストパラメータの設定
	var param = 'name=test&age=20';
	// ajaxRequestオブジェクトの生成
	var ajaxObj = 
		new Ajax.Request(
			requestPath, 
			{
				method: 'get',
				parameters: param,
				// 通信完了時の処理
				onComplete: complete,
				// 通信失敗時の処理
				onFailure: fail
			}
		);
}

// タイマーの作動
function timerStart(){
	time = 0;
	// タイマーで繰り返し（1秒おきにcount()呼び出し）
	objCount = new PeriodicalExecuter(count, 1);
}

function count(){
	// タイマー作動中の処理
	time++;
	$('field').innerHTML = time + '秒';
}

function complete(req) {
	// タイマー停止
	objCount.stop();
	// レスポンスオブジェクトの取得
	var resObj = eval(req.responseText);
	finished();
}

function fail(){
	// タイマー停止
	objCount.stop();
	// 失敗時の処理
	alert('失敗しました');
}

function finished(){
	// 完了後の処理
	alert('通信が完了しました');
}




----

var time;
// onloadでリクエスト
Element.observe(window, 'load', function(){
	// レスポンスが返ってくるまでの処理を呼び出す
	timerStart();
	// リクエストするパスの設定
	var requestPath = '/home/html/test.html';
	// リクエストパラメータの設定
	var param = 'name=test&age=20';
	// ajaxRequestオブジェクトの生成
	var ajaxObj = 
		new Ajax.Request(
			requestPath, 
			{
				method: 'get',
				parameters: param,
				// 通信完了時の処理
				onComplete: complete,
				// 通信失敗時の処理
				onFailure: fail
			}
		);
}

// タイマーの作動
function timerStart(){
	time = 0;
	// タイマーで繰り返し（1秒おきにcount()呼び出し）
	objCount = new PeriodicalExecuter(count, 1);
}

function count(){
	// タイマー作動中の処理
	time++;
	$('field').innerHTML = time + '秒';
}

function complete(req) {
	// タイマー停止
	objCount.stop();
	// レスポンスオブジェクトの取得
	var resObj = eval(req.responseText);
	finished();
}

function fail(){
	// タイマー停止
	objCount.stop();
	// 失敗時の処理
	alert('失敗しました');
}

function finished(){
	// 完了後の処理
	alert('通信が完了しました');
}




----