码迷,mamicode.com
首页 > Web开发 > 详细

ajax()豆瓣

时间:2017-08-17 15:48:12      阅读:253      评论:0      收藏:0      [点我收藏+]

标签:binding   出版   img   div   display   white   inpu   豆瓣   $.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>

 

ajax()豆瓣

标签:binding   出版   img   div   display   white   inpu   豆瓣   $.ajax   

原文地址:http://www.cnblogs.com/xiaoyangtian/p/7381979.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!