このサンプルは、Googleのニュース検索用Webサービスを利用して検索結果を表示します。
テキストボックスに検索キーワードを入力したら[Search...!]ボタンをクリックします。
検索結果のリンクをクリックするとニュースサイトに移動します。
var keyword = $('#txtKeyword').val();
var url = 'http://ajax.googleapis.com/ajax/services/search/news?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 title = results[i].title;
var title2 = results[i].titleNoFormatting;
var content = results[i].content;
var url = results[i].url;
var ueUrl = results[i].unescapedUrl;
var srUrl = results[i].signedRedirectUrl;
var publishedDate = results[i].publishedDate;
var publisher = results[i].publisher;
html += template.replace('@url', ueUrl).replace('@title', title)
.replace('@content', content).replace('@vUrl', ueUrl); }
$('div.gsc-result').empty().html(html);
}); // end of getJSON