このサンプルは、GoogleのBookSearchのWebサービスを利用して書籍を検索して表示します。テキストボックスに検索キーワードを入力したら[Search...!]ボタンをクリックします。すると書籍のアイコンが表示されます。アイコンをクリックすると、本の中身が見れます。つまり、オンラインで立ち読みができます。３番目に拙著が表示されますので、よろしければ立ち読みしてください。
var keyword = $('#txtKeyword').val();
var url = 'http://ajax.googleapis.com/ajax/services/search/books?callback=?';
var params = {
v: '1.0',
q: keyword,
rsz: 'large', // small or large
as_brr: 0,
hl: 'jp'
}
$.getJSON(url, params, function(data) {
var results = data.responseData.results;
var html = '';
$.each(results, function(i, val) {
var bookid = results[i].bookId; // ISBN999999
var title = results[i].title;
var title2 = results[i].titleNoFormatting;
var authors = results[i].authors;
var publishedYear = results[i].publishedYear;
var pageCount = results[i].pageCount;
var tbUrl = results[i].tbUrl; // thmubnail
var url = results[i].url;
var ueUrl = results[i].unescapedUrl;
var titleDesc = title2 + ', ' + authors + ', ' + publishedYear + ', P' + pageCount;
html += template.replace('@url', ueUrl).replace('@title', titleDesc)
.replace('@src', tbUrl);
});
$('#books').empty().html(html);
}); // end of getJSON
このサンプルを作成するには、以下の書籍を参照してください。