レビューを表示する

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
.review { font-size:9pt; color:#666; margin-bottom:20px; }
--></style>
<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 = "";
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;
try { var bookReview = itemList[i].getElementsByTagName("Content")[0].firstChild.nodeValue; }
catch(e){ bookReview = ""; }
txt += bookTitle+ '<div class="review">'+bookReview+'</div>';
}
$("result").innerHTML = txt;
}
// --></script>
</head>
<body>
<h1>アマゾン検索 (読者レビューを表示)</h1>
<form onsubmit="return false;">
ジャンルコード：<input type="text" value="3371421" id="catCode"><br>
<input type="button" value="一覧表示" onClick="amazonSearch()">
</form>
<div id="result"></div>
</body>
</html>
・サンプルを実行する
Ajax逆引きクイックリファレンス　説明などは本書を参考にしてください。