このサンプルは、Yahoo! Query Languageを利用してYahoo!のニュースを検索して表示します。サンプルの検索窓にキーワードを入力したら[Search...]ボタンをクリックします。検索結果としてニュースのリンクが表示されます。リンクをクリックすると新規ウィンドウに詳細を表示します。
var keyword = $('#txtKeyword').val();
var url = 'http://query.yahooapis.com/v1/public/yql?callback=?'
var sql = 'select * from search.news 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 url = item.url;
html += template.replace('{href}', url).replace('{title}', title);
});
$('#placeholder').html(html);
}); // end of getJSON