このサンプルは、Yahoo! Query Languageを利用してウェブの検索結果を表示します。サンプルの検索窓に検索キーワードを入力したら[Search...]ボタンをクリックします。検索結果が１０件表示されます。リンクをクリックすると新規ページに詳細を表示します。
var keyword = $('#txtKeyword').val();
var url = 'http://query.yahooapis.com/v1/public/yql?callback=?'
var sql = 'select * from search.web where query="{query}"';
var query = sql.replace('{query}', keyword);
var params = {
q: query,
format: 'json'
}
$.getJSON(url, params, function(data) {
if (data.query.count == 0) return;
var html = '';
$.each(data.query.results.result, function(i, item) {
var title = item.title;
var abstract = item.abstract;
var url = item.url;
html += template.replace('{href}', url)
.replace('{title}', title)
.replace('{abstract}', abstract);
});
$('#placeholder').html(html);
}); // end of getJSON