フォームデータを読み込む

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>フォームデータ読み込み</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
function loadDataFile()
{
new Ajax.Request($F("loadFilename"), { method: 'get',
onComplete: function(httpObj) {
$("result").innerHTML = httpObj.responseText;
}
});
}
// --></script>
</head>
<body>
<h1>フォームデータ読み込み</h1>
<form>
<input type="text" value="sample.html" id="loadFilename"><br>
<input type="button" value="ファイルを読み込み表示する" onClick="loadDataFile()"><br>
</form>
<div id="result"></div>
</body>
</html>

・サンプル1を実行する
・サンプル2を実行する
Ajax逆引きクイックリファレンス 説明などは本書を参考にしてください。