ajax()豆瓣

原文来源http://blog.csdn.net/muyiyushan/article/details/66476505

$(document).ready(function(){
  $("#b01").click(function(){
    var url="https://api.douban.com/v2/book/isbn/"+$("#input_isbn").val()
    var img_url=""
    $.ajax({
        url: url,
        type: ‘GET‘,
        dataType: ‘JSONP‘,//here
        success: function (data) {
          console.log(data);
          $("#title").val(data.title);
          $("#author").val(data.author[0]);
          $("#publisher").val(data.publisher);
          $("#pages").val(data.pages);
          $("#binding").val(data.binding);
          $("#summary").val(data.summary);
          $("#pubdate").val(data.pubdate);
          $("#image").attr("src",data.images.medium);
      }
    });

});
});

输入isbn:<input type="text" id="input_isbn" value=""><br/>
<button id="b01" type="button">get book</button><br/>
书名:<input type="text" id="title"><br/>
作者:<input type="text" id="author"><br/>
出版社:<input type="text" id="publisher"><br/>
出版日期:<input type="text" id="pubdate"><br/>
页面:<input type="text" id="pages"><br/>
封皮:<input type="text" id="binding"><br/>
简介:<textarea id="summary" rows="10" cols="30"></textarea><br/>
封面:<div id="images"><img id="image" src=""></div>

时间: 2024-10-23 12:50:51

ajax()豆瓣的相关文章

ajax跨域终极解决办法!

在使用 ajax 的时候,往往需要通过 ajax 跨域请求一些? 但是 XMLHTTPRequest 是不支持跨域的,所以产生了 JSONP 这个东西来解决跨域,当然解决跨域的方式有很多种.... 第一种解决跨域: <script type='text/javascript' > (function(window){ //AJAX获取界面信息 $(function(){ $.ajax({ // 豆瓣API接口 url:'http://api.douban.com/v2/movie/in_the

爬虫新手学习2-爬虫进阶(urllib和urllib2 的区别、url转码、爬虫GET提交实例、批量爬取贴吧数据、fidder软件安装、有道翻译POST实例、豆瓣ajax数据获取)

爬虫新手学习1-爬虫基础 1.urllib和urllib2区别实例 urllib和urllib2都是接受URL请求相关模块,但是提供了不同的功能,两个最显著的不同如下: urllib可以接受URL,不能创建设置headers的Request类实例,urlib2可以. url转码 https://www.baidu.com/s?wd=%E5%AD%A6%E7%A5%9E python字符集解码加码过程: 2.爬虫GET提交实例 #coding:utf-8 import urllib #负责url编

豆瓣技术架构调研

关键字包括:nginx,lighttpd,quixote,Memcached,mogile FS,Mako,Gentoo Linux,Xapian,spreadps:窃以为第一段关于语言的采访,相当[csdn]化 你要是愿意,就买一枝三块钱的玫瑰,送给我吧,这城市也是怪让人伤心的,我想死心塌地的爱上你”   这是一个叫钟童茜的歌手的歌,我在豆瓣网站发现有人评论,才知道了这首有些凄凉的歌曲.你几乎不可能从百度的最流行的mp3的列表中找到它,因为它不是那么有名,也许是这个原因,引发了我采访豆瓣的愿望

AJAX跨域问题总结

跨域是什么? 首先说下同源,同源策略是浏览器的一种安全策略,所谓同源是指,域名,协议,端口完全相同.而跨域就是不同源 ! 能够进行跨域的请求 一般a,img,link[rel=stylesheet],video,audio,等等能够发出请求的标签都可以实现跨域访问.但是这些标签不能得到返回的东西,所以一般不会用他们来请求资源. 常见的跨域处理方案: 由于ajax先天设计的时候,不能实现跨域访问.所以就出现了处理跨域这样的问题. ① jsonp来处理跨域,下面用jQuery来实现,关键代码如下:

Ajax的二次封装

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> 豆瓣 </title> <script src="node_modules/jquery/dist/jquery.min.js"></script> <link rel="stylesheet&q

JsonP / Google AJAX Libraries API / Mashup

最近经常上豆瓣,也关注了一下他们最近推出的API服务,据说淘宝也将开放API,google更是不用说,开始为众多的ajax库提供服务器端分发服务.越来越多的网站开始提供API服务,也表示有越来越多的Mashup可能性,抛砖引玉,希望越来越多的开发者加入到这个领域. 一.JsonP + API:Javascrpt中跨域调用数据 先了解下JsonP(JSON with Padding):利用script标签,通过特定的src地址的调用,来执行一个客户端的js函数,在服务器端生成相对的数据(json格

利用Python爬取豆瓣电影

目标:使用Python爬取豆瓣电影并保存MongoDB数据库中 我们先来看一下通过浏览器的方式来筛选某些特定的电影: 我们把URL来复制出来分析分析: https://movie.douban.com/tag/#/?sort=T&range=0,10&tags=%E7%94%B5%E5%BD%B1,%E7%88%B1%E6%83%85,%E7%BE%8E%E5%9B%BD,%E9%BB%91%E5%B8%AE 有3个字段是非常重要的: 1.sort=T 2.range=0,10 3.tag

关于Facebook、twitter、google、pinterest四种分享方法,附带微博、QQ、微信、豆瓣等等

常用的国外网站分享推过,Facebook.twitter.google.pinterest这四种社交平台最常见,下面就简单介绍一下分享的方法. 首先,必须使用分享插件,share.js 获取方法: https://github.com/chenpenggood/share.js 这有两种分享文件:1.关于Facebook.twitter.google.pinterest四种分享方法, 简洁版,容量小 2.jQuery分享插件jquery.share.js享到QQ.微信.微博.google.in.

使用JSP+Servlet+Jdbc+Echatrs实现对豆瓣电影Top250的展示

使用JSP+Servlet+Jdbc+Echatrs实现对豆瓣电影Top250的展示 写在前面: 有的小伙伴,会吐槽啦,你这个标题有点长的啊.哈哈 ,好像是的!不过,这个也是本次案例中使用到的关键技术.如果,你正愁不会的数据可视化,那么我接下来,我会带你一步一步的实现这个数据可视化的功能. 效果图: 开发工具:我们选择的是IDEA,你还得准备一个豆瓣top250的数据源,我这里用python爬虫抓取统计了豆瓣top250电影各个国家电影数量.如何你担心,没有数据.先不用担心,我会提供的. 小建议