YahooからのXMLを表示する
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>YahooからのXMLを表示する</title>
<link rel="stylesheet" href="main.css" type="text/css">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
function yahooSearch()
{
var sURL = "http://api.search.yahoo.co.jp/WebSearchService/V1/webSearch";
sURL += "?appid=openspaceYS&language=ja&results=5&format=html&query=Ajax";
new Ajax.Request(sURL, { method: "get",
onComplete: function(httpObj)
{
$("dataArea").innerHTML = httpObj.responseText;
}
});
}
// --></script>
</head>
<body>
<h1>YahooからのXMLを表示する</h1>
<form>
<input type="button" value="XMLデータ取得" onClick="yahooSearch()">
</form>
<div id="dataArea"></div>
</body>
</html>
YahooからのXMLを表示する (CGI)
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>YahooからのXMLを表示する (CGI)</title>
<link rel="stylesheet" href="main.css" type="text/css">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
function yahooSearch()
{
var sURL = "yst.rb";
new Ajax.Request(sURL, { method: "get",
onComplete: function(httpObj)
{
$("dataArea").innerHTML = httpObj.responseText;
}
});
}
// --></script>
</head>
<body>
<h1>YahooからのXMLを表示する (CGI)</h1>
<form>
<input type="button" value="XMLデータ取得" onClick="yahooSearch()">
</form>
<div id="dataArea"></div>
</body>
</html>
YahooからのXMLを表示する (CGI-2)
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>YahooからのXMLを表示する (CGI-2)</title>
<link rel="stylesheet" href="main.css" type="text/css">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
function yahooSearch()
{
var sURL = "yst.rb?query=Ajax";
new Ajax.Request(sURL, { method: "get",
onComplete: function(httpObj)
{
$("dataArea").innerHTML = httpObj.responseText;
}
});
}
// --></script>
</head>
<body>
<h1>YahooからのXMLを表示する (CGI-2)</h1>
<form>
<input type="button" value="XMLデータ取得" onClick="yahooSearch()">
</form>
<div id="dataArea"></div>
</body>
</html>
説明などは本書を参考にしてください。