ファイルメーカーのXMLデータを表示する

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>ファイルメーカーのXMLデータを表示する</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
function loadDataFile(fName)
{
new Ajax.Request(fName, { method: 'get', onComplete: displayData });
}
function displayData(httpObj)
{
$("result").innerHTML = parseFM(httpObj.responseXML);
}
// ファイルメーカーのXMLデータを解析して表示
function parseFM(fmpXML)
{
var rowObj = fmpXML.getElementsByTagName("ROW");
var result = "<table border='1' bordercolor='black'>";
for (var h=0; h<rowObj.length; h++)
{
result += "<tr>";
var colObj = rowObj[h].childNodes;
for (var w=0; w<colObj.length; w++)
{
var n = colObj[w].childNodes[0].childNodes[0].nodeValue;
result += "<td>"+n+"</td>";
}
result += "</tr>";
}
result += "</table>";
return result;
}
// --></script>
</head>
<body>
<h1>ファイルメーカーのXMLデータを表示する</h1>
<form>
<input type="button" value="sample.xmlを読み込み" onClick="loadDataFile('sample.xml')"><br>
</form>
<div id="result"></div>
</body>
</html>

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