今、GoogleやYahoo!のAPIについて調べているのですが、その中でウィキペディアの検索結果を取得できるAPIがあることを知りました。
WikipediaAPI – ウィキペディア情報をサイトで利用できるAPI
5年も前からあるのですね。
どんな動きをするのか、サンプルを作って確認してみました。jQueryを使っています。
HTML
<input type="text" id="word">
<input type="button" id="sbtn" value="search">
<div id="mydiv"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
//ここにコード
</script>
<input type="button" id="sbtn" value="search">
<div id="mydiv"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
//ここにコード
</script>
コード
$("#sbtn").click(function () {
$("#mydiv").empty();
var url = "http://wikipedia.simpleapi.net/api?output=json&keyword=";
url += encodeURI($("#word").val());
$.getJSON(url, null, function (data, status) {
for (var i = 0; i < data.length; i++) {
$("#mydiv").append("<h2>" + data[i].title + "</h2>");
$("#mydiv").append("<p>" + (data[i].body).replace(/<.*?>/g, "") + "</p>");
}
});
});
$("#mydiv").empty();
var url = "http://wikipedia.simpleapi.net/api?output=json&keyword=";
url += encodeURI($("#word").val());
$.getJSON(url, null, function (data, status) {
for (var i = 0; i < data.length; i++) {
$("#mydiv").append("<h2>" + data[i].title + "</h2>");
$("#mydiv").append("<p>" + (data[i].body).replace(/<.*?>/g, "") + "</p>");
}
});
});
検索した言葉だけでなく、関連する言葉についても検索してくれるようです。検索結果は検索した言葉によって件数が変わります。
コメント