<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
function amazonSearch()
{
var n = $("catCode").value;
var url = "amazon.rb?query="+n+"&cache="+(new Date()).getTime();
new Ajax.Request(url, { method: 'get', onComplete: displayData });
$("result").innerHTML = "検索中です...";
}
function displayData(httpObj)
{
var txt = "<ul>";
var xmlData = httpObj.responseXML;
var itemList = xmlData.getElementsByTagName("Item");
for (var i=0; i<itemList.length; i++)
{
var bookTitle = itemList[i].getElementsByTagName("Title")[0].firstChild.nodeValue;
var bookLink = itemList[i].getElementsByTagName("DetailPageURL")[0].firstChild.nodeValue;
txt += '<li><a href="'+bookLink+'">'+ bookTitle + "</a>";
}
$("result").innerHTML = txt + "</ol>";
}
// --></script>
</head>
<body>
<h1>アマゾン検索 (アマゾンの商品項目ページへリンクする)</h1>
<form onsubmit="return false;">
ジャンルコード：<input type="text" value="466298" id="catCode">
<input type="button" value="一覧表示" onClick="amazonSearch()">
</form>
<div id="result"></div>
</body>
</html>
説明などは本書を参考にしてください。