mirror of
https://github.com/wahyd4/Libr.git
synced 2026-08-09 12:56:14 +10:00
61 lines
2.3 KiB
JavaScript
61 lines
2.3 KiB
JavaScript
$(document).ready(function(){
|
|
|
|
|
|
var searchBook = function(){
|
|
var query = $('.key-word').val();
|
|
if(query.replace(/\s+/, "") ===""){
|
|
return false;
|
|
}
|
|
$.ajax({
|
|
url:'https://api.douban.com/v2/book/search?alt=xd&q='+ query,
|
|
dataType:"jsonp",
|
|
success:function(json){
|
|
console.log(json);
|
|
showBooks(json);
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
var showBooks = function(json){
|
|
$('.books').empty().append('<p>共<b>'+json.count+'</b>条结果</p>');
|
|
var books = json.books;
|
|
books = $.isArray(books) ? books : books.toArray()
|
|
for(var i=0;i<books.length;i++){
|
|
var book = $('<div class="row-fluid"></div>');
|
|
var coverImage = $('<div class="span2"></div>');
|
|
var info = $('<div class="span5"></div>');
|
|
//info detail
|
|
title = $('<h4>'+books[i].title+'</h4>');
|
|
info.append(title);
|
|
if(books[i].author && books[i].author.length > 0){
|
|
var author = $('<p>作者:'+books[i].author[0]+'</p>');
|
|
info.append(author);
|
|
}
|
|
if(books[i].isbn13){
|
|
var isbn = $('<p>ISBN:'+books[i].isbn13+'</p>');
|
|
info.append(isbn);
|
|
}
|
|
if(books[i].publisher){
|
|
var publisher = $('<p>出版社:'+books[i].publisher+'</p>');
|
|
info.append(publisher);
|
|
}
|
|
coverImage.append('<img class="cover" src="'+books[i].image+'" />');
|
|
var tempForm = '<div class="span3"><form method="post" action="/books">'
|
|
+'<input hidden="true" name="image" value="'+books[i].image+'"/>'
|
|
+'<input hidden="true" name="title" value="'+books[i].title+'"/>'
|
|
+'<input hidden="true" name="isbn" value="'+books[i].isbn13+'"/>'
|
|
+'<button class="btn btn-primary add-to-lib"><i class="icon-plus"></i>添加至书库</button>'
|
|
+'</form></div>';
|
|
var addToLib = $(tempForm);
|
|
book.append(coverImage).append(info).append(addToLib);
|
|
$('.books').append(book).append('<hr>').hide().show('slow');
|
|
|
|
}
|
|
$('.add-to-lib').bind('click',addBookToLib);
|
|
}
|
|
|
|
$('.search-book').bind('click',searchBook);
|
|
|
|
|
|
}); |