<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<script type="text/javascript"><!--
function getFile() {
xmlhttp = createXMLHttpRequest();
if (xmlhttp) {
xmlhttp.onreadystatechange = function()
{
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("textData").value = xmlhttp.responseText;
}
}
xmlhttp.open("get", "sample.txt", true);
xmlhttp.send(null);
}
}
function saveFile()
{
var savetext = document.getElementById("textData").value;
if (xmlhttp) {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("saveStatus").innerHTML = "正常に保存できました";
}
xmlhttp.open("post", "save.rb", true);
xmlhttp.send("textdata="+encodeURI(savetext));
}
}
// XMLHttpオブジェクト作成
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;
}
// --></script>
</head>
<body onLoad="getFile()">
<form>
<textarea cols="40" rows="20" id="textData"></textarea><br>
<input type="button" value="ファイルを保存する" onClick="saveFile()">
</form>
<div id="saveStatus"></div>
</body>
</html>
説明などは本書を参考にしてください。