このサンプルは、Googleのブログ用Webサービスを利用して検索結果を表示します。
テキストボックスに検索キーワードを入力したら[Search...!]ボタンをクリックします。検索結果のリンクをクリックするとブログサイトに移動します。
var keyword = $('#txtKeyword').val();
var url = 'http://ajax.googleapis.com/ajax/services/search/blogs?callback=?';
var params = {
v: '1.0',
q: keyword,
rsz: 'small',
hl: 'jp'
}
$.getJSON(url, params, function(data) {
var results = data.responseData.results;
var html = '';
for (var i in results) {
var author = results[i].author;
var title = results[i].title;
var title2 = results[i].titleNoFormatting;
var content = results[i].content;
var postUrl = results[i].postUrl;
var blogUrl = results[i].blogUrl;
var publishedDate = results[i].publishedDate;
html += template.replace('@url', postUrl).replace('@title', title)
.replace('@content', content).replace('@vUrl', blogUrl);
}
$('div.gsc-result').empty().html(html);
}); // end of getJSON