mirror of
https://github.com/wahyd4/Libr.git
synced 2026-08-09 12:56:14 +10:00
63 lines
2.6 KiB
JavaScript
63 lines
2.6 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 + '"/>'
|
|
+ '<input hidden="true" name="author" value="' + books[i].author[0] + '"/>'
|
|
+ '<select name="is_public" style="margin: 0px 10px 0 0;"><option value="true">公开</option><option value="false">不公开</option></select>'
|
|
+ '<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');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
$('.search-book').bind('click', searchBook);
|
|
|
|
|
|
}); |