jquery版
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<title>Books: new</title>
<link href="/stylesheets/scaffold.css?1221735418" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://www.douban.com/js/api.js?v=2"></script>
<script type="text/javascript" src="http://www.douban.com/js/api-parser.js?v=1"></script>
<script type="text/javascript" src="/javascripts/jquery.js"></script>
<script type="text/javascript" src="/javascripts/book.js"></script>
</head>
<body>
<p style="color: green"></p>
添加新书到共享书库
输入ISBN:
<form action="/books" class="new_book" id="new_book" method="post"><div style="margin:0;padding:0"><input name="authenticity_token" type="hidden" value="267739a8b520f804aef589dfc650dc7363f3d3c3" /></div>
<p>
<label for="book_isbn">Isbn</label><br />
<input id="book_isbn" name="book[isbn]" size="30" type="text" />
</p>
<p>
<label for="book_name">Name</label><br />
<input id="book_name" name="book[name]" size="30" type="text" />
</p>
<p>
<input id="book_submit" name="commit" type="submit" value="保存" />
</p>
</form>
</body>
</html>
DOUBAN.apikey = '09c72190e1b75ed51d5564b2a5261c7f'
$().ready(function(){
$("#book_isbn").focus();
var isbn=$("#book_isbn").get(0).value;
$("#book_isbn").blur(function (){
DOUBAN.searchBooks({
keyword:isbn,
callback:function(book){
var list = DOUBAN.parseSubjects(book).entries;
if(list===null||list.length==0){
$("#book_name").get(0).value="无此书可查";
}else{
var title=list[0].title;
$("#book_name").get(0).value=title;
}
}
})
});
})
我的新站
http://findbook.8800.org
分享到：
相关推荐
在这个基于豆瓣API的书架借阅平台项目中，主要使用了Vue2、Element UI和ES2015等技术栈。下面将详细介绍这些技术及其在项目中的应用。 **Vue2** 是一个轻量级的前端JavaScript框架，由尤雨溪开发，其核心理念是通过...
这个项目虽然由于豆瓣API的调整，已经无法直接调用，但它仍然具有很高的学习价值，可以帮助我们理解如何在实际开发中运用Vue.js进行数据请求和界面渲染。 Vue.js是当前非常流行的前端JavaScript框架，它提供了组件...
微信小程序是一种轻量级的应用开发平台，它允许开发者在微信内构建无需下载安装即可使用的应用。在本场景中，我们关注...通过熟练掌握微信小程序的开发技术和豆瓣API的使用，开发者可以为用户提供便捷、个性化的服务。
本文介绍了使用 Python 语言开发的豆瓣读书 v2 API 访问小程序。该小程序使用 WxPython 开发工具，实现了 GUI 程序，并使用 GitHub 网站提供的代码托管服务管理源代码。小程序的主要功能包括访问豆瓣网站开发者页面...
开发者需要学习如何使用JavaScript进行网络请求（例如使用axios库），获取豆瓣API返回的JSON格式数据，并进行解析、筛选和展示。此外，可能还需要涉及错误处理和数据缓存等技术。 4. **前端界面设计**： 使用WXML...
3. **数据格式**：豆瓣API通常返回JSON格式的数据，开发者需要解析这些数据，然后在小程序中展示。 三、数据处理与界面展示 在《徒书》小程序中，开发者需要使用JavaScript处理从豆瓣图书API获取的数据，这包括数据...
在这个“微信小程序demo：豆瓣电影：使用API53.zip”压缩包中，包含了一个基于微信小程序开发的示例项目，其功能是展示豆瓣电影的数据，利用了豆瓣API来获取相关电影信息。 首先，我们要了解小程序的基本结构。一个...
开发者需要首先注册并获得豆瓣API的访问密钥。然后，可以使用HTTP请求方法（如GET或POST）向指定的API端点发送请求，包含ISBN作为查询参数。API会返回JSON格式的数据，包括书籍的标题、作者、出版社、出版日期、...
我们可以推测这个项目是使用豆瓣API来获取电影数据，展示在微信小程序中。豆瓣API允许开发者获取其数据库中的电影信息，如电影名称、评分、简介、演员列表等，这些数据可以用于创建各种类型的应用，比如电影推荐系统...
然后，学习豆瓣API的使用方法，如如何发起HTTP请求，获取图书信息、评论、评分等数据，并将这些数据正确解析和展示在小程序中。 4. 数据处理与渲染：接收到豆瓣图书API返回的数据后，开发者需要使用JavaScript处理...
本篇将详细介绍如何使用Vue.js技术栈结合豆瓣API来开发一个豆瓣电影应用。 1. **Vue.js基础** 在开始项目之前，首先需要了解Vue.js的基本概念和核心特性，包括模板语法、响应式数据绑定、指令系统、组件化等。Vue....
- 使用微信小程序的`wx.request()`方法，可以向豆瓣API发起HTTP请求，获取图书数据。需要注意的是，由于微信的安全策略，所有的网络请求必须通过HTTPS协议，并且需要在app.json或对应的页面json中配置域名。 6. **...
本项目为基于JavaWeb技术构建的小型系统，主要利用豆瓣图书API进行图书数据抓取，并将抓取结果存储于MySQL数据库中。项目包含149个文件，涵盖107个HTML页面、22个Java源代码文件、5个JavaScript文件、2个CSS样式文件...
最近也在看angular，于是就萌生了使用Angular + 豆瓣API 做一个web app。于是…网上回家就折腾了。 体验地址：http://vczero.github.io/t/html/index.html#/ 项目地址：https://github.com/vczero/search
- 请求参数：可能需要设置`apikey`和`v`（版本号）等参数，注意遵循豆瓣API的使用规则。 - 数据处理：接收到JSON响应后，解析出需要的信息，如书籍的标题、作者、评分等。 4. **ListView与Adapter**： - 创建...
4. API接口：可能调用了豆瓣API获取图书数据。 5. UI设计：为了模仿豆瓣的界面，需要进行用户界面的设计。 【压缩包子文件的文件名称列表】： 1. 3.jpg、2.jpg、1.jpg：这些可能是小程序中使用的图片资源，例如界面...
1. 源代码文件：可能包括用Python、Java、JavaScript或其他编程语言编写的代码，用于实现与豆瓣API的交互，发送广播。 2. 文档：可能包含README文件，解释如何运行示例，以及项目的目标和使用方法。 3. 图片资源：...
本项目是一款基于微信小程序的豆瓣影视查询记录小程序设计源码，采用JavaScript语言开发，共计包含359个文件。...此外，还附带了详细的学习笔记，适用于学习和研究微信小程序开发与豆瓣API的应用。
豆瓣API允许开发者以JSON格式获取书籍、电影等信息，这大大简化了数据获取的复杂度。开发者需要了解如何设置请求参数，以及如何处理返回的JSON数据。 在实际开发中，可能还需要涉及到错误处理、性能优化、用户体验...
3. **豆瓣API**：豆瓣API是豆瓣提供的服务接口，允许开发者获取其平台上的书籍信息。在这个项目中，你将学习如何使用API请求获取书籍列表、书籍详情等数据，通常涉及HTTP请求库如wx.request()进行网络调用，处理JSON...