任意のキーワードで検索

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>任意のキーワードで検索</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 kwd = $F("keywordYST");
var sURL = "yst.rb?query="+encodeURI(kwd);
new Ajax.Request(sURL, { method: "get",
onComplete: function(httpObj)
{
$("dataArea").innerHTML = httpObj.responseText;
}
});
}
// --></script>
</head>
<body>
<h1>任意のキーワードで検索</h1>
<form>
<input type="text" value="Ajax" id="keywordYST">
<input type="button" value="検索" onClick="yahooSearch()">
</form>
<div id="dataArea"></div>
</body>
</html>
・サンプルを実行する

任意のキーワードで検索

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>任意のキーワードで検索</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 kwd = $F("keywordYST");
var sURL = "yst.rb?query="+encodeURI(kwd);
new Ajax.Request(sURL, { method: "get",
onComplete: function(httpObj)
{
$("dataArea").innerHTML = httpObj.responseText;
}
});
}
// --></script>
</head>
<body>
<h1>任意のキーワードで検索</h1>
<form onSubmit="yahooSearch();return false;">
<input type="text" value="Ajax" id="keywordYST">
<input type="button" value="検索" onClick="yahooSearch()">
</form>
<div id="dataArea"></div>
</body>
</html>
・サンプルを実行する
実践Web2.0 Ajax プログラミング入門　説明などは本書を参考にしてください。