<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 ft = $("findType").value;
var url = "amazon.rb?query="+n+"&findtype="+ft+"&cache="+(new Date()).getTime();
new Ajax.Request(url, { method: 'get', onComplete: displayData });
$("result").innerHTML = "検索中です...";
}
function displayData(httpObj)
{
var txt = "";
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;
txt += bookTitle + "<br>";
}
$("result").innerHTML = txt;
}
// --></script>
</head>
<body>
<h1>アマゾン検索 (条件を指定して表示)</h1>
<form onsubmit="return false;">
ジャンルコード：<input type="text" value="466298" id="catCode">
<select id="findType">
<option value="salesrank">売れている順に表示</option>
<option value="pricerank">価格の安い順に表示</option>
<option value="inverse-pricerank">価格の高い順に表示</option>
<option value="daterank">新しく発行された順に表示</option>
<option value="titlerank">アルファベット順に表示</option>
<option value="-titlerank">アルファベットの逆順に表示</option>
</select>
<input type="button" value="一覧表示" onClick="amazonSearch()">
</form>
<div id="result"></div>
</body>
</html>
説明などは本書を参考にしてください。